ホームページ >ウェブフロントエンド >htmlチュートリアル >css3は小さいものから大きいものまで一つずつ表示するアイコンアニメーションを実装するだけ_html/css_WEB-ITnose
ウェブサイトを作成するとき、写真が平凡になりすぎないように、小さなものから大きなものへとアニメーション効果がよく使用されます。この効果は視覚的に非常にインパクトがあり、注目度を大幅に高めます~
原則: CSS3 のアニメーション属性 @keyframes@-moz-keyframes@-webkit-keyframes を使用してアニメーション suofang を定義し、アニメーションを使用してアニメーション フレーム suofang を呼び出します。そして、画像にアニメーションを追加します。 なお、画像には初期化に相当する処理が必要です
transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0);
最後に、CSSアニメーションをjsで呼び出します。異なるページの場合は、インデックスを使用して異なるページをマークする必要があります。
りー
りー
🎜