@lector_82
web front-end developer

Как сделать правильно вращение треугольника?

Есть треугольник смотрящий вверх, при клике нужно его провернуть по часовой стрелке на 180 градусов, типа открылся список, при повторном клике провернуть опять по часовой стрелке на 180 градусов, но не обратно а именно по часовой. Это как бы аккордеон будет такой.
  • Вопрос задан
  • 95 просмотров
Решения вопроса 2
hzzzzl
@hzzzzl
чисто классами CSS придется исхитряться, проще наверно менять напрямую стили на угол+180 градусов



to do:
- получать текущий угол из css, а не из data-angle атрибута (хотя и так сойдет, браузеру пофиг)
- не прибавлять угол до бесконечности, а как-то его ограничить (хотя и так сойдет, браузеру пофиг)
Ответ написан
Ragtime_Kitty
@Ragtime_Kitty
Можно через два keyframes, если не смущает анимация при загрузке.

Ответ написан
Пригласить эксперта
Ответы на вопрос 1
alex4answ
@alex4answ
1. Класс с transform rotate + transition
2. Класс с анимацией
3. Анимация на jquery с флагом "открыт/закрыт"
Ответ написан
Ваш ответ на вопрос

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

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