Как создать эффект перехода в шрифте

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/