Загрузка...

Как сделать световые блики на заднем фоне сайта?

Тема в разделе Frontend создана пользователем Нэнси 12 июн 2024. 177 просмотров

Загрузка...
  1. Нэнси
    Нэнси Автор темы 12 июн 2024 ДИЗАЙНЕР: АВАТАРКИ | БАННЕРЫ | WEB | GIF 60 25 апр 2022
    У меня есть такой макет и в нём есть такие блики на заднем фоне. Как мне их реализовать в html + css? Пока что у меня просто в теге body стоит background-color

    [IMG]
     
    12 июн 2024 Изменено
  2. azurescens
    azurescens 12 июн 2024 5065 3 дек 2023
    Можешь абсолютно позиционировать блоки с бликами в нужных местах, сами блики сделать через radial-gradient и повесить на них css keyframe анимацию зацикленную бесконечно
    --- Сообщение объединено с предыдущим 12 июн 2024
    https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes
     
    12 июн 2024 Изменено
    1. Посмотреть предыдущие комментарии (1)
    2. azurescens
      Нэнси, можешь привязать их к секциям сайта в которых они находятся и тогда они будут изменяться относительно родительских блоков
    3. azurescens
      Нэнси, и чтоб они были на фоне накинуть z-index: 0 на сами блики и z-index: 1 на контент секций
Top