Javascript mymove有哪些参考资料?
我是CSS3风格的新手。我已经在我一直在工作的一些网页上看到了这一点。是否必须为webkit和关键帧同时设置@-webkit关键帧。这两个函数看起来都有相同的名称,所以我想知道为什么它们都需要。是一款用于便携式世界的手机 代码如下:Javascript mymove有哪些参考资料?,javascript,html,css,Javascript,Html,Css,我是CSS3风格的新手。我已经在我一直在工作的一些网页上看到了这一点。是否必须为webkit和关键帧同时设置@-webkit关键帧。这两个函数看起来都有相同的名称,所以我想知道为什么它们都需要。是一款用于便携式世界的手机 代码如下: /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { from {left: 0px;} to {left: 200px;} } @keyframes mymove { from {
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
from {left: 0px;}
to {left: 200px;}
}
@keyframes mymove {
from {left: 0px;}
to {left: 200px;}
}
因此在下面的例子中,@-webkit关键帧用于google和safari,@-moz关键帧用于firefox,然后,@-keyframes只是所有浏览器在没有淡入时的常规语句
是。myClass可用于所有-webkit动画名称:fadeIn与其他具有默认fadeIn的动画名称一样。或者它与上面的相同,因为webkit动画名称,然后是-moz动画名称,然后是所有fadeIn的常规动画名称
更有用的代码:
/* use of keyframes */
@-webkit-keyframes fadeIn {
0% { opacity: 0; } 100% { opacity: 0; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0; } 100% { opacity: 0; }
}
@keyframes fadeIn {
0% { opacity: 0; } 100% { opacity: 0; }
}
/* use of basic properties */
.myClass {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn;
}
-webkit-piece称为供应商前缀。例如,它适用于基于webkit的浏览器“Chrome”和Safari
供应商前缀通常在您使用的功能尚未建立标准时使用,因此只能在少数浏览器或一个浏览器中使用
通常,浏览器供应商首先发布带有供应商前缀的新功能,这样web开发人员就可以开始使用它,直到标准得到巩固和完善,然后供应商发布带有未修复功能的新版本,这是您拥有的第二个关键帧语句
当浏览器开始接受非固定版本时,您的代码已经准备好了,这就是为什么您的代码上有两次非固定版本。请参阅:了解一般答案。因此,如果一个人不担心供应商前缀,他可以使用不执行任何操作的代码,对吗。我们确实得到了新开发的信息。是的,你可以使用它,但有时浏览器只理解前缀版本,因为他们仍在测试功能。没有适用于所有浏览器的规则,这取决于浏览器和特定功能。谷歌是最好的浏览器吗。这就是我让我所有的测试页面工作的地方。这只是为了我的家庭使用和乐趣,所以它只需要在特定的broswer工作。