found this old thing about using two inset box-shadows to fake a bevel. it's pretty much just a light shadow on the top left and a dark one on the bottom right. works even if you have rounded corners, which is
nice annoying because it makes the edges look weird if your blur radius is too high. i saw this snippet for a button state:
button:active { -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.25) inset, -2px -2px 10px white inset;}it's definitely a bit dated. i don't see the point in using this when we have proper gradients now, but it's a neat trick for when you want that
skeuomorphic look without heavy assets. does anyone actually use bevels in modern production anymore?
full read:
https://lea.verou.me/2009/07/bevels-in-css3/