Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Html CSS3中的自动转换_Html_Css - Fatal编程技术网

Html CSS3中的自动转换

Html CSS3中的自动转换,html,css,Html,Css,我试图在css中进行一些转换,但它们似乎都基于用户交互 我不能使用Javascript 但是如何从页面第一次加载并运行3秒开始进行元素转换,然后在6秒自动开始另一个转换 #Content img { width: auto; height: auto; opacity: 1; transition all 3s; } 正如你所看到的,我正试图让它在3秒钟内从0不透明度变为1不透明度,而不需要悬停、点击或其他任何东西——这一切都是由我自己完成的。我们如何做到这一点?使用动

我试图在css中进行一些转换,但它们似乎都基于用户交互

我不能使用Javascript

但是如何从页面第一次加载并运行3秒开始进行元素转换,然后在6秒自动开始另一个转换

#Content img {
   width: auto;
   height: auto;
   opacity: 1;
   transition all 3s;
}

正如你所看到的,我正试图让它在3秒钟内从0不透明度变为1不透明度,而不需要悬停、点击或其他任何东西——这一切都是由我自己完成的。我们如何做到这一点?

使用动画而不是动画对于seo是无用的。我不能使用它们。我不确定我是否理解搜索引擎优化与它有什么关系。CSS动画是在没有javascript的情况下实现所需的唯一方法:如果可以接受,请告诉我们,我们将发布解决方案。@ChrisHardie,抱歉。我以为他指的是GIF动画。我以前从未听说过CSS动画。谢谢链接,谢谢@dc5。CSS动画是我想要的。:)