Картинка изогнутая как экран телевизора?

Подскажите как реализовать изогнутую картинку как у экрана телевизоров? 5ab41f474523f287978305.jpeg

Или такой эффект только тенями ?
5ab41f850b4bc490384405.png

Желательно сделать и изогнутый и с тенями
  • Вопрос задан
  • 262 просмотра
Решения вопроса 1
mrKorg
@mrKorg
web developer
Тени тут https://codepen.io/haibnu/pen/FxGsI
www.corelangs.com/css/box/curved-shadow.html

По поводу изображения, по-моему на чистом css такого не сделать, но можно использовать svg маску
https://codepen.io/yoksel/full/fsdbu/
Т.е. вам нужно в графическом редакторе, например Illustrаtor, создать такое изображение, экспортировать как svg, потом в html вставить этот svg и даже если будете после менять изображение, маска его будет обрезать как нужно.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
1. Изогнутую картинку - можно так или так.
2. Тени - так.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы