Загрузка...

How to create light highlights in the background of a website?

Thread in Frontend created by Нэнси Jun 12, 2024. 200 views

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

    [IMG]
     
  2. azurescens
    azurescens Jun 12, 2024 5065 Dec 3, 2023
    Можешь абсолютно позиционировать блоки с бликами в нужных местах, сами блики сделать через radial-gradient и повесить на них css keyframe анимацию зацикленную бесконечно
    The post was merged to previous Jun 12, 2024
    https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes
     
    1. azurescens
      Нэнси, можешь привязать их к секциям сайта в которых они находятся и тогда они будут изменяться относительно родительских блоков
    2. azurescens
      Нэнси, и чтоб они были на фоне накинуть z-index: 0 на сами блики и z-index: 1 на контент секций
    3. Нэнси Topic starter
Loading...
Top