A frustrating limitation to CSS

A frustrating limitation to CSS

JacobHegwood

Member
Local time
11:21
Joined
Nov 19, 2019
Messages
37

Have you ever wanted to create a 3d "curved" display using your web development skills? Well, I did! Turns out there is no easy way to do this in present-day CSS! You can do all kinds of crazy 3d transformations nowadays but go ahead and try to make a curved screen effect... it won't happen!

If you can figure it out somehow please feel free to fork my pen:
https://codepen.io/jacob-hegwood/pen/JjddygX

 

Adam

Mr. Webwide
Administrator
Local time
17:21
Joined
Sep 24, 2019
Messages
1,257
Pronouns
he/him

Have you ever wanted to create a 3d "curved" display using your web development skills? Well, I did! Turns out there is no easy way to do this in present-day CSS! You can do all kinds of crazy 3d transformations nowadays but go ahead and try to make a curved screen effect... it won't happen!

If you can figure it out somehow please feel free to fork my pen:
https://codepen.io/jacob-hegwood/pen/JjddygX

Interesting! Yeah CSS doesn't have any warping other than skew type stuff. You could fake the shape with SVG but the text wouldn't respond (but may not be that noticeable).

 
Top