boxshadow-dynamic.xhtml (698B)
1 <?xml version="1.0"?> 2 <?xml-stylesheet type="text/css" href="data:text/css, 3 4 hbox { 5 margin: 50px; 6 background: yellow; 7 } 8 9 hbox[x] { 10 box-shadow: 1px 2px 2px black, 0 0 7px white, 0 0 14px rgb(50, 170, 255), 0 0 21px rgb(50, 170, 255); 11 border-radius: 10px; 12 } 13 14 "?> 15 <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 16 class="reftest-wait"> 17 18 <script> 19 <![CDATA[ 20 21 document.documentElement.addEventListener("MozReftestInvalidate", 22 doTest, false); 23 24 function doTest() { 25 document.getElementById("hbox1").setAttribute("x",1); 26 document.documentElement.removeAttribute("class"); 27 } 28 29 ]]> 30 </script> 31 32 <hbox id="hbox1" flex="1"/> 33 </window>