CSS3 ADD-ONS

_

slip

rw-1

dangles

rw-1

slide up

rw-1

scale inverse

rw-1

Fade

rw-1

beat

rw-1

rock

rw-1

scale

image


image

image

image

With our codes for the Awesome icons you can enrich your images

How to add the code

You must use a simple text page or a text stack ( if you use a stack page).

code

Stacks Image 2947

Simply drag your file in the code and the image inherits the transformation.

Codes list

fa-scale   fa-scale-inverse   fa-dangles   fa-rock   fa-beat   fa-slip   fa-slide-up (…left, right, down)   fa-fade-50 (…100, 150, 200, 250 mls)   fa-spin-20 (…30, 40, 50, 60, 70,80, 90, 180, 360°)

Responsive image

You can add the responsive behavior with the regular option of this theme.
Insert "image" in the alt-tag of the image for the responsive behavior.

fill_color
If you use an image with alpha channel ( .png) you must disable the option "use fill color" in the Media editor.




Examples

With our code you can add the animation to icons, text and images

DEMO TEXT: We use cookies to ensure that we give you the best experience on our Addons website. Click here for more info.