Heim > Web-Frontend > HTML-Tutorial > css3怎么写图片一张张显示呢_html/css_WEB-ITnose

css3怎么写图片一张张显示呢_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:25:53
Original
1007 Leute haben es durchsucht

本帖最后由 u013083960 于 2013-12-15 21:04:54 编辑

比方说有10张图片 就是用户打开这个页面的时候 这个10张图片是一张张显示的 透明度0到100 不是一起显示的哦。。这个怎么做的哈  绝对不能用js 谁能给我点思路

.tshop-um-dz .csss3 a:hover img
{
  margin-top: 20px;
  opacity:0;
  transition: all 1s ease 0s;

   
}
这个要鼠标经过后才回播放  怎么不用鼠标经过自动播放呢
.tshop-um-dz .csss3 a img
{
  margin-top: 20px;
  opacity:0;
  transition: all 1s ease 0s;

   
}
我这样写没效果哈

回复讨论(解决方案)

    #gallery img{    opacity: 0;	animation: myfirst 1s linear 1s infinite alternate;	-webkit-animation: myfirst 1s linear 1s infinite alternate; /* Safari and Chrome */	}    	@keyframes myfirst{	100%    {opacity: 1};}@-webkit-keyframes myfirst /* Safari and Chrome */{	100%    {opacity: 1};}
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage