Вёрстка: Градиентная тень с помощью 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;    
}
Вёрстка CSS 1.1 г. Просмотров: 338
Оценить код:

Комментарии

Ваш комментарий будет первым.
Войдите, чтобы оставить комментарий.