2023-10

前回のサイト制作では、CSSの'clip-path'を用い、要素を好きな形に切り抜いて、それを並べるというものでしたが、今回ご紹介するものは、JavaScriptの動きを加えたものです。前回、今回は、imgタグを用いずに、'backgrou...

300 × 259.8 259.8 × 300 このように、正六角形は辺⇔辺よりも角⇔角の方が長く、比率が1:√3/2の長方形に内接します。より正確に計算するにはJavaScriptが必要ですが、今回はpxで指定しています。以下の手順で正六...