ポリゴン(polygon)を使ってみた【HTMLとCSS】

2019年11月13日

何を作るのか

grid+polygonで色々並べてみる

完成したもの


気をつけたところ

・HTMLとCSSは最適なものを使う

・コード量は少なく簡潔に行う

・polygonやcircleの使い方を理解する

今回のことで得た知識

gridとpolygonを組み合わせてプログラムを組んでみましたが、一覧で画像を表示するレイアウトには使えるのかなと思います。

今は使う機会があるかわかりませんが、この関数を知って触れて良かったです。

ソースコード

ソースコードを見る。(Codepenで表示されます。)

デモサイト

https://temochic.com/sample/polygon-sample

https://bennettfeely.com/clippy/

今回はなし

あとがき

前回作成したグリッドレイアウトの続きでポリゴンのサンプルを作成しました。

今回のプログラムで使用したポリゴンは全て用意されたものを使っているので難しくはありませんでした。

仕組みや使い方を理解できたと思うので、次のステップではこれを応用できるようになれると良いかなと思います。