Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript mymove有哪些参考资料?_Javascript_Html_Css - Fatal编程技术网

Javascript mymove有哪些参考资料?

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 {

我是CSS3风格的新手。我已经在我一直在工作的一些网页上看到了这一点。是否必须为webkit和关键帧同时设置@-webkit关键帧。这两个函数看起来都有相同的名称,所以我想知道为什么它们都需要。是一款用于便携式世界的手机

代码如下:

/* 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工作。