タグ｜clip-path

CSS clip-pathアニメーションで作る動きのあるデザイン集

clip-pathは要素の表示範囲を切り抜くCSSプロパティですが、アニメーションと組み合わせることで、インパクトのある動きを作ることができます。この記事では、実務で使えるclip-pathアニメーションを初級〜上級に分けて紹介し...

CSSクリップパスで作るマスクデザイン集

CSSクリップパスで作るマスクデザイン集CSSの clip-path は、要素を任意の形で切り抜き（マスク）するための強力な手段です。写真サムネイル、カードの斜めカット、波状マスク、アバターなど、視覚的に訴えるデザインを比較的シン...