little_strange https://blog.hatena.ne.jp/little_strange/ Little Strange Software https://little-strange.hatenablog.com/ コード生成ツール 線の色 背景色 点の位置 線の太さ サイズ こんな模様になります^^ 使い方 「模様変更」ボタンを押すと、サンプルの模様が変化します。 「点の位置」の４つのスライダーを調節するか「ランダムに設定」ボタンを押す事でも模様が変化します。 ※「模様変更」ボタンは点の繋ぎ方を変更し、「点の位置」は繋ぐ対象である点の位置を変更するものです。 他に「線の太さ」や「サイズ」を変更する事もできます。 「線の色」「背景色」で配色を変更できるので、雰囲気を大きく変える事ができますね。 お気に入りの模様ができたところで、その下にある「コード」の内容をコピーし、HTML中に貼り付ける事で使用できます^^ このツールは… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flittle-strange.hatenablog.com%2Fentry%2F2021%2F05%2F09%2F230819" title="【CSS+SVG】タイルパターン生成ツール - Little Strange Software" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/l/little_strange/20210509/20210509230300.png Hatena Blog https://hatena.blog 2021-05-09 23:08:19 rich https://little-strange.hatenablog.com/entry/2021/05/09/230819 1.0 100%