CSSスニペット：border-radiusを使って要素をアニメーションでいろいろな形に変形させる | かちびと.net

Result border-radiusで作れる様々な形状を利用してkeyframesでアニメーション変形させる、というもの 尚、形状は先日書いた記事で手軽に作成できます。以下、宜しければご参照ください。 → ユニークな形状も作れるborder-radiusジェネレーター・「FANCY-BORDER-RADIUS」 cssdiv {/*要素のスタイル。サンプルのようにテキストを含めるならoverflow: hidden;をしないとはみ出ます*/ width: 20%; height: auto; margin: auto; background-color: #21d4fd; margin-top:20px; border-radius: 30% 70% 70% 30%/30% 30% 70% 70%; box-shadow: 15px 15px 50px rgba(0,0,0,0.2);