Иконка с вращением при "hover"
Привет всем,
столкнулся с незнакомым мне явлением, которое работает без JS.
В этом шаблоне:
http://demo5.ltheme.com/joomla/lt-inclean/
есть три иконки под слайдером сразу, которые при наводе на них мышки крутятся.
Как такое реализуется вообще?
Есть ли где туториалы на эту тему?
По идее можно сделать как gif-анимашку, но это вроде уже устарело.
ну так стили все, как оно еще нынче реализуется?
смотри где то тут -
.lt-introduction .lt-intro-sub i {
border-radius: 50%;
display: inline-block !important;
height: 100px !important;
line-height: 100px !important;
transition: all 0.7s ease-in-out 0s;
width: 100px !important;
}
.lt-introduction .lt-intro-sub:hover i {
color: #fff;
cursor: pointer;
transform: rotateY(360deg);
}
еще фон по hover меняется в строке -
.lt-button:hover, .lt-introduction .lt-intro-sub:hover i {
background: #2bb673 none repeat scroll 0 0 !important;
}
туториалы? ну например https://www.google.de/?gws_rd=ssl#q=tutorial+c...
