この記事では２種類のプログレスバーを実装する方法について紹介します。 とりあえず下記のデモで動きを確認してください。 now loading...① スタート now loading...② スタート 同時にスタート CSSアニメーション@keyframesを使う まず、CSSアニメーション…

最小限のコードでカルーセルを作成する方法を解説します。 非常にシンプルなので、必要に応じてカスタマイズすることができます。 サンプルコード <div id="carousel"> <img src="image1.jpg" alt="画像1" class="slide" style="opacity: 1;"> <img src="image2.jpg" alt="画像2" class="slide" style="opacity: 0;"> <img src="image3.jpg" alt="画像3" class="slide" style="opacity: 0;"> </div> #c…