dziudek / mockupizr.js

Easily animate elements using CSS and data-* attributes

Mockupizr.js

Easily animate elements using CSS and data-* attributes

• Developed for modern browsers
• An open-source project by Tomasz Dziuda

Currently understands:

Adding CSS classes on click:

<a href="#" data-m="add class 'active' to '#popup'">Add class active to #popup</a>

Removing CSS classes on click:

<a href="#" data-m="remove class 'active' from '#popup'">Remove class active from #popup</a>

Toggling CSS classes on click:

<a href="#" data-m="toggle class 'active' for '#popup'">Toggle class active for #popup</a>

Changing CSS classes on hover:

<a href="#" data-m="toggle class 'active' for '#popup' on mouseover">Toggle class active for #popup</a>

Changing CSS classes on hover and after it:

<a href="#" data-m="toggle class 'active' for '#popup' on mouseover,mouseout">Toggle class active for #popup</a>