ホームページ >ウェブフロントエンド >htmlチュートリアル >css3は小さいものから大きいものまで一つずつ表示するアイコンアニメーションを実装するだけ_html/css_WEB-ITnose

css3は小さいものから大きいものまで一つずつ表示するアイコンアニメーションを実装するだけ_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:42:541779ブラウズ

ウェブサイトを作成するとき、写真が平凡になりすぎないように、小さなものから大きなものへとアニメーション効果がよく使用されます。この効果は視覚的に非常にインパクトがあり、注目度を大幅に高めます~

原則: CSS3 のアニメーション属性 @keyframes@-moz-keyframes@-webkit-keyframes を使用してアニメーション suofang を定義し、アニメーションを使用してアニメーション フレーム suofang を呼び出します。そして、画像にアニメーションを追加します。 なお、画像には初期化に相当する処理が必要です

transform:scale(0);    -moz-transform:scale(0);    -webkit-transform:scale(0);

最後に、CSSアニメーションをjsで呼び出します。異なるページの場合は、インデックスを使用して異なるページをマークする必要があります。

りー

りー

🎜
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。