2014-12-22 3 views
-4

Я боюсь в течение нескольких дней, и, похоже, я не могу понять, как сделать такую ​​анимацию зависания. Возможно, я копаю в неправильном месте, и анимация выполняется с помощью css3.jQuery/JS/CSS3 анимации и эффекты зависания

Во всяком случае, на этом сайте, в частности, есть анимация, которую я ищу, но когда я просматриваю ее код, я не могу найти ответ.

Brushed

Образ эффекты при наведении курсора выглядят как обычный css3 парение анимация, но что действительно заинтриговал меня были мобильной версии навигационной кнопки, анимация из значка Align-оправдают поперечный значок.

Все, что было бы полезно даже для подсказки, в каком направлении я должен продолжать смотреть. Большое спасибо!

+0

Что вы пытались? – sagar43

+0

Не так много, поскольку я не мог найти ответ внутри кода веб-сайтов, и я до сих пор не знаю, как были созданы анимации. Если бы они были с CSS3, моя догадка была бы связана с свойством transform, потому что обе анимации попадают под углом (но для этого достаточно много кода, чтобы оживить их таким гладко), но следующий вопрос был бы, если бы это было созданный с помощью jQuery, выполняет ли jQuery .css() свойство css3s transform? – MTCH

+0

ОК, пожалуйста, объясните все детали подробно, как вы разрабатываете, какое приложение, с какой технологией и вы хотите эти анимации? – sagar43

ответ

-1

делается :before и :after. при нажатии они вращаются и меняют положение ....

+0

Вот и все, спасибо! Поэтому они были чистыми анимациями css3, а не jQuery, как я думал раньше. – MTCH

+0

да, это чистый эффект css3, и я думаю, что если вы посмотрите правильно на этом сайте, вы также получите его уроки. – himanshu

+1

Это не ответ. Вы обманываете людей. @ Himanshu – sagar43

Смежные вопросы