css3怎么写图片一张张显示呢
本帖最后由 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};
}