ruesha

3d box shadow effect

Jul 18th, 2024
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.31 KB | None | 0 0
  1. <style>
  2.  
  3. #box {
  4. box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  5. -webkit-filter: drop-shadow(0px 0px 3px #424242);
  6. height: 150px;
  7. }
  8.  
  9. </style>
  10.  
  11. <div id="box"> box </div>
Advertisement
Add Comment
Please, Sign In to add comment