ZEBLINEサンプル

リンクなし(点滅なし)

ZEBLINEの点滅なしカラー1デモです。マーカーの速度や色も変更できます。

ZEBLINEの点滅なしカラー2デモです。マーカーの速度や色も変更できます。

ZEBLINEの点滅なしカラー3デモです。マーカーの速度や色も変更できます。

リンクあり(点滅あり)

ZEBLINEの点滅ありカラー1デモです。マーカーの速度や色も変更できます。

ZEBLINEの点滅ありカラー2デモです。マーカーの速度や色も変更できます。

ZEBLINEの点滅ありカラー3デモです。マーカーの速度や色も変更できます。

デフォルト設定

ZEBLINE詳細設定GIF

マーカースピード

速度:2.5秒

数値は変更できます。

マーカーリンク点滅

デフォルトなし

点滅のありの場合チェックすれば変更できます。

マーカーカラー設定(カラーパレットから7色選べます)

マーカーの色A:#F6A43B(デフォルト)

カラーコードを変更することでマーカーの色を変えることができます。

マーカーの色B:#E4878F(デフォルト)

カラーコードを変更することでマーカーの色を変えることができます。

マーカーの色C:#57BDE9(デフォルト)

カラーコードを変更することでマーカーの色を変えることができます。

無料で使えるカラーピッカーも開発しました!

カラーコードがわからない・・・そんな方のためにZEBLINE専用のカラーピッカーをつくりました。

カラーピッカーはこちら

colorpicker

HTML投稿サンプル

点滅なし

ZEBLINEの点滅なしカラー1デモです。マーカーの速度や色も変更できます。

ZEBLINEの点滅なしカラー2デモです。マーカーの速度や色も変更できます。

ZEBLINEの点滅なしカラー3デモです。マーカーの速度や色も変更できます。

点滅あり

ZEBLINEの点滅ありカラー1デモです。マーカーの速度や色も変更できます。

ZEBLINEの点滅ありカラー2デモです。マーカーの速度や色も変更できます。

ZEBLINEの点滅ありカラー3デモです。マーカーの速度や色も変更できます。

【上級者向け】「マーカーA・B・Cに当てたいタグorクラスorID」について

html/cssがわかっている人向けの機能になります。

すでに投稿されているブログ記事でstrongタグなどで太字をした部分に対してもzeblineの設定を適用することができます。

もし、マーカーAの設定をstrongタグに当てたい場合は以下のようにします。

strongタグで装飾されていますが、マーカーA設定のzebline効果が当たっています。(このテキストもstrongタグにzebline効果を当てています。)