Chapters

Animations and effects

Animations

The IcyMat Design guidelines define a set of permissible animations that can be applied to any objects. Below are the animations defined in applications that implement the principles of IcyMat Design.

Spin

Theme: auto
HTML

Spinning

Theme: auto
HTML

Puff

Theme: auto
HTML

Pulse

Theme: auto
HTML

Fade in

Theme: auto
HTML

Animations on show

Theme: auto
HTML
Theme: auto
HTML

Effects

Effects are all actions whose occurrence is defined by default in the IcyMat Design guidelines. They can also be applied to additional elements, but they cannot be removed from the interface elements to which they are assigned by default.

Glass effect

Theme: auto
I'm the block with glass effect.
Point your cursor at me.
HTML

Chapters

Code preview