shadow-multiple.html 736 B

123456789101112131415161718192021
  1. <div style="
  2. font-family: Lucida Grande;
  3. font-weight: bold;
  4. font-size: 48px;
  5. margin: 20px;
  6. text-shadow: hsla(20, 100%, 50%, 1) 7px 4px 0
  7. , hsla(60, 100%, 50%, 1) -8px 14px 2px
  8. , hsla(100, 100%, 50%, 1) -21px -12px 5px;
  9. ">
  10. <span style="text-decoration: overline underline line-through;">&nbsp; &nbsp; &nbsp; multiple &nbsp; &nbsp;</span> &nbsp; &nbsp; shadows &nbsp; &nbsp; &nbsp;
  11. </div>
  12. <div style="
  13. width: 100px;
  14. height: 100px;
  15. margin: 100px;
  16. -webkit-border-radius: 25px;
  17. -webkit-box-shadow: hsla(20, 100%, 50%, 1) 7px 4px 0
  18. , hsla(60, 100%, 50%, 1) -8px 14px 2px
  19. , hsla(100, 100%, 50%, 1) -21px -12px 5px;
  20. ">
  21. </div>