cssing v0.1.2

CSS Class Accelerator for designer, developer

Is cssing for you?, with this library you can implement event-driven interactions without introducing a large-scale framework or coding JavaScript.

You do not need JavaScript, use CSS knowledge and ideas. You can easily test animation and motion.

The library is light, 5 KB. It's for mobile site, application. It uses only CSS classes and attributes, so it does not disturb your app.

What you learn is only one syntax.

Quick start

npm install cssing --save

Or download, and insert

<script src="cssing.min.js"></script>
<script>cssing()</script>

into your product. If you want to limit the range,

<script>cssing('selector')</script>

pass a selector.

Usage

<div class--{ method from 'add', 'remove', 'toggle' }--on{ trigger event }="{ class }[|{ selector }]"></div>

The trigger event can be set for any event dispatched with this element. It's click, touchstart, transitionend etc.

The class can set the same contents as class attribute. Multiple settings are also possible with a comma delimiter.

The selector, if you want to control the class of a different element, set it.

License

MIT © AI428