要素に適用するキーフレームアニメーションを指定するプロパティです。 まずこれを指定しない限りアニメーションは実行されませんので必ず必要です。.element { animation-name: animated; } animation-duration さいごに. 波紋風アニメーション背景CSS. See the Pen 斜め線アニメーション背景CSS. 三角形ループアニメーション背景CSS. css で三角形を作りたい衝動に駆られたのでご紹介します。ちょっとしたボタンやアイコンでシンプルな三角形が必要になったとき、 css で作ってしまえば、大きさや色の調整などがスムーズにできます。デモもあります。 See the Pen Animated Ripples background by Vaibhav Arora (@vaibhavarora) on CodePen. CSS Animationを利用できるプロパティ animation-name. box-shadowを使った影の落とし方は、登場から10年以上経過した現在、その使い所を考えていく必要があります。ブラウザが様々なプロパティをサポートしたことで、影の落とし方を再考してみるのも大切です。 今回は、CSS新時代の影の落とし方について、考えてみることにしましょう。 アニメーションはありませんがコンパクトで良いと思います。 シンプル＆スタイリッシュなプルダウン。 See the Pen Select Box with Placeholder [CSS Only] by James Nowland ( @jnowland ) on CodePen . See the Pen Sépion CSS background animation 2 by Sépion on CodePen. CSS三角形作成ツール . 人気記事. 色も変えれますか？ ... 【CSS】ローディングアニメーション実装サンプル集 ; web / 2019.2.20 【CSS】IE11だけ表示崩れしたときのCSSハック; Googleさんのおすすめ.