行単位でCSSを適応させるスクリプト・「LINING.JS」

Ads

LINING.JS


LINING.JSは行単位でCSSを適応させる為のスクリプトです。非依存型で単体で動作してくれます。カスタムデータ属性を使って1行毎に任意のスタイルを作れる、みたいなやつ。上記のスクショは表示時に、1行毎にスライドインするアニメーションエフェクトを掛けたもの。また、data-auto-resizeという属性でRWDにも対応可能のようです。こうしたスタイルが1つのWebサイトに複数必要な際は管理が楽になりそうですね。ご親切にもjsDelivrにCDNも用意してくれています。ライセンスはMIT。

LINING.JS

タイトルとURLをコピーしました