Frontend разработчик

This media is not supported in your browser

VIEW IN TELEGRAM

Вы можете использовать CSS-анимацию с прокруткой, например, IntersectionObserver от JavaScript 🤙

img {
animation: reveal;
animation-timeline: view();
animation-range: entry 0% entry 150%;
}
@​keyframes reveal { 0% {
  opacity: 0;
  filter: brightness(2);
  scale: 0.9;
}}

Мы в MAX

👉 @frontend_1

👍5

www.tgoop.com/frontend_1/4100

881 viewsOct 15 at 06:42

Вы можете использовать CSS-анимацию с прокруткой, например, IntersectionObserver от JavaScript 🤙

img {
animation: reveal;
animation-timeline: view();
animation-range: entry 0% entry 150%;
}
@​keyframes reveal { 0% {
  opacity: 0;
  filter: brightness(2);
  scale: 0.9;
}}

BY Frontend разработчик