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



本帖最后由 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};}