Голограммы без шейдеров и JavaScript — это вообще реально?
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Да, и в новом выпуске «CSS Боль» мы это доказываем.
Три слоя, конический градиент и два режима смешивания
Самое интересное: можно менять цвета, скорость вращения и параметры градиента прямо в интерактивной демке. Один эффект превращается в десятки вариантов — от тёплого свечения до холодного льда.
Разбираем на примере карточки заклинания из «Героев 3». Потому что ностальгия.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
Да, и в новом выпуске «CSS Боль» мы это доказываем.
Три слоя, конический градиент и два режима смешивания
mix-blend-mode
— вот и весь секрет переливающегося эффекта. Никакого WebGL, никаких библиотек. Только conic-gradient()
, @property
и правильное наложение слоёв.Самое интересное: можно менять цвета, скорость вращения и параметры градиента прямо в интерактивной демке. Один эффект превращается в десятки вариантов — от тёплого свечения до холодного льда.
Разбираем на примере карточки заклинания из «Героев 3». Потому что ностальгия.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤🔥1 1
This media is not supported in your browser
VIEW IN TELEGRAM
Как сверстать карточку с вырезом? Разбираем старый и новый способ.
#css
#css
🔥20👍3