Здравствуйте!
Мне нужно сделать внутреннюю тень у блока, но что бы она была под углом 45deg
Я пробовал такое сделать обычной тенью, но оно не так выглядит, как надо:
.shadow {
width: 250px;
height: 250px;
box-shadow: inset 0px 0px 50px #000;
}
Мне пришла в голову идея: сделать тень градиентом. Но я не знаю как.
Пример нужной тени:
Ответ
Предлагаю попробовать background
body {
margin: 0;
display: flex;
}
div {
width: 100vmin;
height: 100vmin;
margin: auto;
background:
linear-gradient(45deg, transparent 70%, black 100%),
linear-gradient(-45deg, transparent 70%, black 100%),
linear-gradient(-135deg, transparent 70%, black 100%),
linear-gradient(135deg, transparent 70%, black 100%)
}
Комментариев нет:
Отправить комментарий