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

WBOY

Libérer： 2016-06-24 12:25:53

original

1017 Les gens l'ont consulté

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

Copier après la connexion

Étiquettes associées：

css3怎么写图片一张张显示呢

source：php.cn

Article précédent：video在段落中居中_html/css_WEB-ITnose Article suivant：求一个自适应浏览器窗口的DIV布局页面_html/css_WEB-ITnose

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur