デスクトップとモバイルの両方のページの読み込み時に画像をフェードインさせるにはどうすればよいですか?今のところ、私のコードはモバイルデバイス上でしか動作しません。ページの読み込み時に画像をフェードインする方法
CSS:
#test img {
width: auto;
height: 50px;
position: absolute;
-webkit-animation: fadein 7s;
-moz-animation: fadein 7s;
-ms-animation: fadein 7s;
-o-animation: fadein 7s;
animation: fadein 7s;
}
@media only screen and (max-width: 768px) {
#test img {
width: auto;
height: 20px;
position: absolute;
}
}
の可能性のある重複した([のためのCSSを使用して、ページの読み込みに影響フェードイン] https://stackoverflow.com/questions/11679567/using -css-for-page-on-page-on-page-load) – JSnewbie