Mike_Ro
@Mike_Ro
Войти в АйТи...

CSS, как здесь сделать «плавность»?

Всем привет!
Сделал аккордеон, все работает стабильно, но:
В закрытом состояние стрелка направлена в право:
c1b1998476fa41abacda0790cff04140.jpg
В открытом состояние, стрелка направлена в низ:
04cce67ebb9043a09212d0bcb0550944.jpg
Иконка поворачивается слишком резко, надо что-бы плавно было.
Следующим методом делаю поворот.
-moz-transform: rotate(90deg);  /* Firefox */
  -o-transform: rotate(90deg);  /* Opera */
  -webkit-transform: rotate(90deg);  /* Safari y Chrome */

Заранее спасибо!
  • Вопрос задан
  • 173 просмотра
Решения вопроса 3
Punkie
@Punkie
Немножечко вордпрессирую
css3generator.com - вот тут transition с режимом ease сгенерируйте.

Вот так наапример:

-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
Ответ написан
Mike_Ro
@Mike_Ro Автор вопроса
Войти в АйТи...
Разобрался, нужно добавить кусок кода:
*, :before {
  -webkit-transition:  all 0.2s ease-in-out;
  -moz-transition:  all 0.2s ease-in-out;
  -o-transition:  all 0.2s ease-in-out;
  -ms-transition:  all 0.2s ease-in-out;
  transition:  all 0.2s ease-in-out;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы