日期:2014-05-16  浏览次数:20611 次

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};
}