Home Explore Help
Sign In
khronosschoty
/
palemoon-dev
Watch 2
Star 1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
palemoon-dev
/
platform
/
layout
/
reftests
/
box-shadow
/
611574-1.html

611574-1.html 4.3 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 
  1. <!DOCTYPE HTML>
    2. 

  2. <html><head><style>
    3. 

  3. button,span,fieldset { background-color: #0F0; }
    4. 

  4. </style></head>
    5. 

  5. <body style="margin:30px">
    6. 

  6. <div style="-moz-column-count:3;">
    7. 

  7. <p><button style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</button>
    8. 

  8. <p><button style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</button>
    9. 

  9. <p><button style="box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</button>
    10. 

  10. <p><button style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</button>
    11. 

  11. <p><button style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</button>
    12. 

  12. 

  13. <p><button style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</button>
    14. 

  14. <p><button style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</button>
    15. 

  15. <p><button style="box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</button>
    16. 

  16. <p><button style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</button>
    17. 

  17. <p><button style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</button>
    18. 

  18. 

  19. <p><span style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</span>
    20. 

  20. <p><span style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</span>
    21. 

  21. <p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span>
    22. 

  22. <p><span style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</span>
    23. 

  23. <p><span style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</span>
    24. 

  24. 

  25. <p><span style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</span>
    26. 

  26. <p><span style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</span>
    27. 

  27. <p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span>
    28. 

  28. <p><span style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</span>
    29. 

  29. <p><span style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</span>
    30. 

  30. 

  31. <p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
    32. 

  32. <p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
    33. 

  33. <p><fieldset style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</fieldset>
    34. 

  34. <p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
    35. 

  35. <p><fieldset style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
    36. 

  36. <p><fieldset style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
    37. 

  37. 

  38. <p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
    39. 

  39. <p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
    40. 

  40. <p><fieldset style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</fieldset>
    41. 

  41. <p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
    42. 

  42. <p><fieldset style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
    43. 

  43. <p><fieldset style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>
    44. 

  44. 

  45. <p><fieldset style="display:inline; box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
    46. 

  46. <p><fieldset style="display:inline; box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
    47. 

  47. <p><fieldset style="display:inline; box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</fieldset>
    48. 

  48. <p><fieldset style="display:inline; box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
    49. 

  49. <p><fieldset style="display:inline; box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
    50. 

  50. <p><fieldset style="display:inline; box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
    51. 

  51. 

  52. <p><fieldset style="display:inline; box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
    53. 

  53. <p><fieldset style="display:inline; box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
    54. 

  54. <p><fieldset style="display:inline; box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</fieldset>
    55. 

  55. <p><fieldset style="display:inline; box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
    56. 

  56. <p><fieldset style="display:inline; box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
    57. 

  57. <p><fieldset style="display:inline; box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>
    58. 

  58. 

  59. </div>
    60. 

  60. </body>
    61. 

  61. </html>
    62. 

  62.