ZEBLINEサンプル
リンクなし(点滅なし)
ZEBLINEの点滅なしカラー1デモです。マーカーの速度や色も変更できます。
ZEBLINEの点滅なしカラー2デモです。マーカーの速度や色も変更できます。
ZEBLINEの点滅なしカラー3デモです。マーカーの速度や色も変更できます。
リンクあり(点滅あり)
ZEBLINEの点滅ありカラー1デモです。マーカーの速度や色も変更できます。
ZEBLINEの点滅ありカラー2デモです。マーカーの速度や色も変更できます。
ZEBLINEの点滅ありカラー3デモです。マーカーの速度や色も変更できます。
デフォルト設定

マーカースピード
速度:2.5秒
数値は変更できます。
マーカーリンク点滅
デフォルトなし
点滅のありの場合チェックすれば変更できます。
マーカーカラー設定(カラーパレットから7色選べます)
マーカーの色A:#F6A43B(デフォルト)
カラーコードを変更することでマーカーの色を変えることができます。
マーカーの色B:#E4878F(デフォルト)
カラーコードを変更することでマーカーの色を変えることができます。
マーカーの色C:#57BDE9(デフォルト)
カラーコードを変更することでマーカーの色を変えることができます。
カラーコード見本
https://www.colordic.org/
HTML投稿サンプル
点滅なし
ZEBLINEの点滅なしカラー1デモです。マーカーの速度や色も変更できます。
1 | <span class="zebline-maker zebline-color-a">ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
ZEBLINEの点滅なしカラー2デモです。マーカーの速度や色も変更できます。
1 | <span class="zebline-maker zebline-color-b">ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
ZEBLINEの点滅なしカラー3デモです。マーカーの速度や色も変更できます。
1 | <span class="zebline-maker zebline-color-c">ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
点滅あり
ZEBLINEの点滅ありカラー1デモです。マーカーの速度や色も変更できます。
1 | <span class="zebline-maker zebline-color-a"><a href="https://zoo-wp.com/">ZEBLINEの点滅ありカラー1デモです。</a>マーカーのスピードやカラーも好きな色に変更できます。</span> |
ZEBLINEの点滅ありカラー2デモです。マーカーの速度や色も変更できます。
1 | <span class="zebline-maker zebline-color-b"><a href="https://zoo-wp.com/">ZEBLINEの点滅ありカラー2デモです。</a>マーカーのスピードやカラーも好きな色に変更できます。</span> |
ZEBLINEの点滅ありカラー3デモです。マーカーの速度や色も変更できます。
1 | <span class="zebline-maker zebline-color-c"><a href="https://zoo-wp.com/">ZEBLINEの点滅ありカラー3デモです。</a>マーカーのスピードやカラーも好きな色に変更できます。</span> |