実践レッスン
ローディングアニメーション
ローディングアニメーション
このレッスンでは、HTMLでローディング画面の配置し、CSSを使ってアニメーションスタイルを設定します。 ロード画面の表示・非表示のアニメーション効果と、ロード中のロゴアニメーションの作成方法を学びます。
目安:1時間0分
スキル一覧
<img>
<div>
position: fixed
top
left
width
height
background-color
grid
place-items
opacity
visibility
transition
document.getElementById()
DOMContentLoaded
element.classList.remove()
setTimeout/clearTimeout
transform