How to write pictures in css3 and display them one by one_html/css_WEB-ITnose

This post was last edited by u013083960 on 2013-12-15 21:04:54

For example, if there are 10 pictures, when the user opens this page, these 10 pictures are displayed one by one with transparency. 0 to 100 are not displayed together. . How to do this? Absolutely not using js. Can anyone give me some ideas?

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


}
This will play after the mouse passes over it. Why not play automatically after the mouse passes over it?
.tshop-um-dz .csss3 a img
{
margin-top: 20px;
opacity:0;
transition: all 1s ease 0s;


}
I write like this It doesn’t work

Reply to the discussion (solution)

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