かなり前に書いたCSSのclip-pathに関して、かなり普及しモダンブラウザでの不具合もなくなってきました。 この記事では、Figmaから取得したパスデータを使って、CSSだけで複雑な形状をくり抜く方法を具体例を交えて紹介します。また、座標系の扱いやパスの ...
要素の表示領域を指定した形状で切り抜くCSSプロパティ polygon() や path() を使った自由な描画領域の設計 UI演出における差別化と独自性の表現 SVGとの連携による高度なビジュアル表現 ...
画像をCSSで好きな形に切り抜けるclip-pathプロパティって知っていますか？ SVGのパスで自由にクリッピングできちゃうので、おしゃれサイトの演出などにとても重宝しそうです。 Webの表現はおもに長方形です。一方、印刷メディアではさまざまな形状が使わ ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する