用途
新着
履歴
分類

SVG 星のサンプル

SVG 星のサンプル

星のマークはパワポでもイラレでも用意されてますが、サイト上でも使う機会があると思います。

そんなとき手軽にコードだけで使えるよう星のサンプルも用意しました。

塗りつぶした星のサンプル

<svg width="100" height="100">
<polygon points="50,5 20,99 95,39 5,39 80,99" style="fill:#CC0;" />
</svg>

線と塗りの星のサンプル

<svg width="100" height="100">
<polygon points="50,5 20,99 95,39 5,39 80,99" style="stroke:#444;stroke-width:2;fill:#FF0;" /></svg>

ポイントのアイキャッチや、※印の変わりにも使えそうです。

サイズを調整して、動かしたり、回したりして演出にもよいかもしれません。

公開 2019-08-04 00:02:35
このページの二次元コード
SVG 星のサンプル

人気のサンプル

search -  category -  about
© 2024 kipure
Top