clip-path

参考:

clip-path | MDN

使い方

参考:

CSS の clip-path プロパティでいろいろ簡単に実装できる、便利な使い方と実装のポイント | コリス

clip-path の使い方 | Web Design Leaves

ボックスの輪郭を、CSS で変更 | CSS note (tenman.info)

clip-path | CSS-Tricks

polygon

参考:

斜めの背景を CSS で作る方法 | Web-saku

Notched Boxes | CSS-Tricks

How to Cut Corners With Pure CSS | W3Docs

polygon() | MDN

Cut button corner using CSS – Stack Overflow

Cut Corners using CSS – Stack Overflow

How to create a box with cut off corner and shadow? – Stack Overflow

calc

参考:

calc() | MDN

Specify CSS Polygon relative to right/top edges – Stack Overflow

Can this angle be the same at any width? – Stack Overflow

Can I Use

参考:

clip-path property for HTML | Can I Use Support Tables

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です