boxshadow-large-border-radius.html 672 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <html>
  2. <head>
  3. <style>
  4. #boxShadow {
  5. width: 152px;
  6. height: 19.5px;
  7. box-shadow: 0px 0px 1px #3b99FC inset,
  8. 0px 0px 4px 1px #3B99FC,
  9. 0px 0px 1.5px 1px #3B99FC;
  10. border-radius: 10000px 0px 0px 10000px;
  11. position: absolute;
  12. }
  13. #leftCover {
  14. width: 30px;
  15. height: 50px;
  16. background-color: white;
  17. position: absolute;
  18. left: 0px;
  19. top: 0px;
  20. }
  21. #rightCover {
  22. width: 20px;
  23. height: 120px;
  24. background-color: white;
  25. position: absolute;
  26. top: 0px;
  27. left: 150px;
  28. }
  29. </style>
  30. </head>
  31. <html>
  32. <div id="boxShadow"></div>
  33. <div id="leftCover"></div>
  34. <div id="rightCover"></div>
  35. </html>