エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
CSS3を使うと、静的な表現だけでなく、アニメーションやインタラクションが加えられます。その作例を8つ... CSS3を使うと、静的な表現だけでなく、アニメーションやインタラクションが加えられます。その作例を8つご紹介します。最後の例を除いて、JavaScriptコードは書きません。いずれも中身は、リンクしたノートで詳しく解説しています。 01 テキストのアニメーション ただのテキストでも、フォントを選んでCSS3でアニメーションさせると、表現力は大きく高まります。 01-01 テキストをイルミネーションのように点滅させるアニメーション 「Monoton」フォントを使って、text-shadowプロパティで光彩を与えました。そして、animationプロパティにより、イルミネーションの点滅のようなアニメーションを加えています(サンプル001)。 サンプル001■CSS3: Flickering billboard light refined 01-02 テキストを順に浮かび上がらせては消すアニメー