У меня есть приведенный ниже код CSS /SCSS: < /p>
Я установил фоновые свойства на рисунке < /code> и только изменил свойство размер фонового размера для падения ... но он просто подходит к новому размеру мгновенно, а не анимируется. Однако
scss:
figure {
position: relative;
background-size: cover;
background-position: center;
aspect-ratio: 8 / 5;
overflow: hidden;
transition: background-size 0.4s ease;
&:hover {
background-size: 120%;
}
}
html
Подробнее здесь: https://stackoverflow.com/questions/796 ... e-on-hover
