Страницы

Поиск по вопросам

вторник, 12 февраля 2019 г.

Внутренняя тень градиентом

Здравствуйте!
Мне нужно сделать внутреннюю тень у блока, но что бы она была под углом 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%) }


Комментариев нет:

Отправить комментарий