Показать сообщение отдельно
  #13 (permalink)  
Старый 16.03.2019, 03:54
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 720

Сообщение от Блондинка
надо, чтобы маятник правильно работал чисто на CSS, и только запускался заново на js
https://codepen.io/Malleys/pen/pYVzEg

https://codepen.io/Malleys/full/pYVzEg

Сообщение от Блондинка
Такой вопрос, кто нибудь делал подобные анимации с transform: rotateX? Первоначальные значения 90deg и -90deg отличаются визуально?
CSS-функция rotateX отвечает за вращение вокруг оси абсцисс, а вам нужно (в примере с маятником) вращение вокруг оси аппликат, за что отвечает rotateZ или rotate.

Последний раз редактировалось Malleys, 20.03.2019 в 16:19.
Ответить с цитированием