エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

【CSSメモ】6角形を作るには?【658日目】

CSSメモ

まだコードを書いてないけど、ヒントになるものがあったので、メモ。

6角形

普段は四角形しか作れないが、六角形のなにかをデザイン的に作りたい。

要素を複数組み合わせる

rotateで回転をさせて、それを組み合わせれば六角形だけでなく、複数の線から図形を作り出せる

六角形は一つの要素で出来る

六角形なら、一つの要素で出来る。

:beforeや:afterの要素を組み合わせれば、元の要素は一つでも、六角形は作れるφ(・

CSSを実際に書いてみたら、また記事を書き換えるφ(・