Examples

Basic example

Here you can find a quick example of creating a basic hover effect with a standard (full-named property) syntax and the shorthand one.

Hover

This example shows how simple is to create an elastic hover effect on a button with a straightforward and understandable syntax.

Shorthands syntax

To make your workflow even more smooth, you can use build-in property and options shorthand. For instance, the scale property can be represented simply as s, streamlining code readability and reducing keystrokes.