2015-08-03 3 views
-1

Я используюЕсть ли способ перевести свойство transform: scale, используя только css?

transform: scaleY(0.8); 

в а: зависать событие. Есть ли способ сделать этот переход с течением времени? Единственный способ, который я знаю для перехода, это сделать

-webkit-transition: someparm sometime somefunction; 
-moz-transition: someparm sometime somefunction; 
-o-transition: someparm sometime somefunction; 
transition: someparm sometime somefunction; 

Но я не могу понять, как бы я это сделал с преобразованием.

+0

Вы должны быть в состоянии сделать это с @keyframes и анимация. – Kez

+0

Вы имеете в виду 'transform' with' transition' like [this] (https://jsfiddle.net/47qav0mv/)? – DavidDomain

ответ

0
transition: transform 0.4s ease-in-out 0s; 

или

transition-property: transform; 
transition-duration: 0.4s; 
transition-timing-function: ease-in-out; 
transition-delay: 0s; 

Так что-то вроде этого

a { 
    transform:scale(1); 
    transition: transform 0.4s ease-in-out 0s; 
} 
a:hover { 
    transform:scale(0.8); 
} 
0
@keyframes scale { 
    100% { transform:scaleY(0.8);} 
    } 

/* on hover */ 

abc:hover{ 
-webkit-animation:scale 3s ease infinite; 
} 

** попытаться оживить его **

Смежные вопросы