Вёрстка: Градиентная тень с помощью CSS
Чтобы создать градиентные тени с помощью CSS используйте свойство filter с параметрами blur (эффект размытия) и brightness (яркость).
:root { --gradient: linear-gradient(to bottom right, #8E3CD8, #FFF539); } .box { height: 150px; width: 150px; background-image: var(--gradient); border-radius: 150px; position: relative; } .box::after { content: ' '; position: absolute; width: 150px; height: 150px; background-image: var(--gradient); border-radius: inherit; filter: blur(30px) brightness(1.7); transform: translateY(15%) scale(0.94); z-index: -1; }
Комментарии