WebAppers

/ best free open source web resources /

Graphic Resources

Lining.js Offers ::Nth-Line selector to CSS

Posted · Category: Tools

In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line. A Call for ::nth-everything from CSS tricks. ::nth-line() is actually really useful in some situation. There comes Lining.js. It offers you complete DOWN-TO-THE-LINE control.

If you want your line style support Responsive web design. Make sure you add the data-auto-resize attribute. It will automatically relining when window resize event happen. lining.effect.js is an extra part of lining.js. It gives you the power to add appearances animation on your lines.

lining-js

Requirements: JavaScript Framework
Demo: http://zencode.in/lining.js/
License: MIT License

1 Comment
  • Credit for the effort but totally pointless, it can’t be used on IE, I might as well jut add a class to the specific lines and have it compatible down to IE 6 and who knows what else.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons