TGViewer
Frontend Hash Frontend Hash @hashdev · 3.19K subscribers
Post #307 1K
Голограммы, пленочные засветки и шейдеры на чистом CSS

Как вы обычно делаете визуальные эффекты для веб-страницы? Наверное, используете какую-нибудь JS-библиотеку, которая может прокачать сцену, добавив освещение, 3D, шейдеры и прочее, например threejs. Верно?

Но на самом деле в некоторых кейсах уже можно смело отказывать от JS в пользу CSS, ведь браузеры наконец поддерживают mix-blend-mode. Например, вы можете добавить эффект засветки при скролле страницы, как на этой картинке выше (как это работает можно увидеть по ссылке). В этой статье вы узнаете, как добавить крутые эффекты для ваших изображений только благодаря CSS и заодно увидите, как они работают в жизни:

https://css-live.ru/tricks/gologrammy-plenochnye-zasvetki-i-shejdery-na-chistom-css.html

#css #фронтенд
  • 👍 5
  • 🔥 1
More from @hashdev
  1. Sep 18, 2026JavaScript. Что будет выведено в консоль? Ответ: 20
  2. Sep 18, 2026Сегодня последний день регистрации на КосмоХакатон 18–20 сентября, Петербург, Красноярск и…
  3. Sep 16, 2026Команды нет — это не причина пропустить КосмоХакатон 18–20 сентября, Санкт-Петербург, Крас…
  4. Sep 14, 2026Signup Form 3D FLIP Animation 3D-анимация формы регистрации, реализованная с помощью CSS и…
  5. Sep 14, 2026Хакатон на космических данных. Санкт-Петербург, Красноярск или онлайн из любой точки стран…
  6. Sep 6, 2026Apache Kafka 4.x - продвинутый бесплатный практический курс 2026 года https://github.com/j…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →