Добър ден. 🙂

Посещение на уебсайтовете на други хора може би сте забелязали един интересен ефект, например, при същите иконите, за да кажа, в социалните мрежи, когато се движите, те се обръщат по часовниковата стрелка. Този ефект е много интересно, не е обикновен и доста забележими. Докато пиша статия, и реши да го инсталирате сами 🙂

За да се реализират плановете ни, ние ще трябва два CSS параметър.

• преход - параметър, който иска анимацията.
• трансформиране - опцията, която ще създаде анимации и ще се завърти на иконите.

И така, ние трябва да се определи, че е елемент, който се събудим да се обърне. Тогава питам клас или ако класът вече е зададен, за да добавите следните стилове. В този случай, в класа на елемент - .block.

Трябва само да зададете параметрите на прехода на елемент. Попитайте много време за различни браузъри - -moz-преход, -webkit-преход, -о-преход, -MS-преход, преход.

По всяка една стойност - 0.8s. което означава, че анимацията продължава 0.8 секунди. И така, какво може да се промени, за да се ускори или забави ефекта.

Елемент, когато се движите (на имота -: навъртам) - определяне на параметрите трансформират. Той също така поиска много време за различни браузъри и има стойност - 360deg. Това е степени, които ще се сменят на изображението. 360 - това е пълен обрат, ако искате да зададете, не е пълна своя страна, може да намалите стойността.

Сега можете да се върти и да е елемент от него с молба интересен ефект.

Това е всичко, благодаря ви за вниманието. 🙂

Ако сте били от полза за работата си, можете да подкрепят сайта :)

Здравейте скъпи приятели

Имате AdBlock инсталирано разширение или други подобни. Добавете сайта си в белия списък, и по този начин да допринесе за vnesesh неговото развитие. Инструкции за това как да деактивирате AdBlock искат този прозорец