Как можно создать эффект перехода в шрифте awesome icon

Question

Мне нужно решение этой проблемы, но оно должно быть надежным в значке шрифта.

, пожалуйста, помогите мне. для легкого создания шрифта Удивительный эффект перехода значка при наведении на значок

Answer 1

Fontawesome переходы могут быть выполнены, как и любой другой переход CSS. Вам просто нужно установить для них, какие свойства будут иметь этот эффект перехода, а также определить «новые» значения.

Например:

.fa{ 
    font-size:30px; 
    margin:5px; 
    -webkit-transition: all 0.5s; 
    transition: all 0.5s; 
} 
.fa:hover{ 
    font-size: 40px; 
    transform: rotate(45deg); 
} 

В этом примере, при наведении курсора мыши на значок будет расти и будет повернут на 45 градусов.

Пожалуйста, прочитайте о переходах здесь: http://www.w3schools.com/cssref/css3_pr_transform.asp

Вы можете увидеть живой пример здесь: http://jsfiddle.net/gn57dkez/