/
githubmirror
/
next.js
Обзор
Документация
Войти
/
githubmirror
/
next.js
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
canary
examples/image-component/components/view-source.module.css
48 строк
571 B
Steven
Update image example with link back to source code (#18909)
07 ноя 2020, 01:13
Не верифицирован
07 ноя 2020, 01:13
37fb0ad
Код
Авторство
О чём код?
.svg { position: absolute; top: 0; right: 0; } .arm { transform-origin: 130px 106px; } .svg:hover .arm { animation: wave 560ms ease-in-out; } @keyframes wave { 0% { transform: rotate(0deg); } 20% { transform: rotate(-25deg); } 40% { transform: rotate(10deg); } 60% { transform: rotate(-25deg); } 80% { transform: rotate(10deg); } 100% { transform: rotate(0deg); } } @media (max-width: 500px) { .svg:hover .arm { animation: none; } .svg:hover .arm { animation: wave 560ms ease-in-out; } }