Animacje i efekty

Animacje

Wytyczne IcyMat Design definiują szereg dopuszczalnych animacji, które można przypisywać do dowolnych obiektów. Poniżej znajdują się animacje zdefiniowane w aplikacjach wykorzstujących założenia IcyMat Design.

Obrót (jednorazowy)



imd-animate imd-animate-spin

Obrót



imd-animate imd-animate-spinning

Puff



imd-animate imd-animate-push

Pulsacja



imd-animate imd-animate-pulse

Fade in



imd-animate imd-animate-fadein

Efekty

Efektami nazywane są wszystkie akcje, których występowanie jest domyślnie zdefiniowane przez wytyczne IcyMat Design. Ich użycie jest możliwe także na dodatkowych elementach, ale nie można ich usuwać z doyślnie przypisanych elementów interfejsu.

Przyciski

Przyciskom został przypisany efekt połysku, który występuje zawsze po kliknięciu w przycisk. Efekt połysku można wywołać po kliknięciu w dowolny element nadając mu klasę .imd-effect-hover.imd-effect-glass. Kolejnym efektem jest efekt "obniżenia", który następuje po wskazaniu przycisku.

Jestem blokiem z efektem szkła.
Wskaż mnie myszą.
Kod CSS