S
S
Smaulik2018-03-23 00:26:42
css
Smaulik, 2018-03-23 00:26:42

Is the picture curved like a TV screen?

Tell me how to implement a curved picture like a TV screen? 5ab41f474523f287978305.jpeg
Or such effect only shadows?
5ab41f850b4bc490384405.png
It is desirable to make both curved and with shadows

Answer the question

In order to leave comments, you need to log in

2 answer(s)
S
Sergei Gurdjiyan, 2018-03-23
@Smaulik

Shadows here https://codepen.io/haibnu/pen/FxGsI
www.corelangs.com/css/box/curved-shadow.html
Regarding the image, in my opinion, this cannot be done on pure css, but you can use the svg mask
https ://codepen.io/yoksel/full/fsdbu/
I.e. you need to create such an image in a graphics editor, such as Illustrator, export it as svg, then insert this svg into html and even if you change the image after, the mask will crop it as needed.

X
xmoonlight, 2018-03-23
@xmoonlight

1. Curved picture - you can do it this way or that way .
2. Shadows - so .

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question