css3に画像を書いて一枚ずつ表示する方法_html/css_WEB-ITnose

この投稿の最終編集者は u013083960 2013-12-15 21:04:54 です

たとえば、10 枚の写真がある場合、ユーザーがこのページを開くと、これらの 10 枚の写真が 1 枚ずつ表示され、透明度は次のとおりです。 0～100までは一緒に表示されません。 。絶対にjsを使用しないでこれを行う方法はありますか? 誰かアイデアを教えてください。 0s ;

}
マウスが通過した後に再生されます。
.tshop-um-dz .csss3 a img
{
margin-top: 20px; 0;
遷移: すべて 1sease


}
このように書くと機能しません


ディスカッションへの返信 (解決策)

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