Страницы

Поиск по вопросам

пятница, 13 марта 2020 г.

Эффект покачивания

#javascript #jquery #css


Как сделать эффект покачивания на jquery или css как здесь при наведении на опцию
http://www.bestprogramminglanguagefor.me/q ?
    


Ответы

Ответ 1



*{ padding: 0; margin: 0; } .block{ position: relative; } .circle{ width: 100px; height: 100px; background: #ccc; border-radius: 50%; margin: 0; position: absolute; top: 0; left: 50%; margin-left: -50px; } .block:hover .circle{ position: absolute; top: 0; -webkit-animation: anim 4s infinite; animation: anim 4s infinite; } @-webkit-keyframes anim { 0% { top: 0; left: 50%; } 50% { top: 40px; left: 50%;} 100% { top: 0; left: 50%;} } @keyframes anim { 0% { top: 0; left: 50%; } 50% { top: 40px; left: 50%;} 100% { top: 0; left: 50%;} }


Комментариев нет:

Отправить комментарий