OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script src="../resources/text-based-repaint.js"></script> | |
3 <script> | |
4 if (window.testRunner) | |
5 testRunner.dumpAsText(); | |
6 | |
7 function repaintTest() { | |
8 var things = document.getElementsByClassName("before"); | |
9 while (things.length) | |
10 things[0].classList.remove("before"); | |
11 } | |
12 onload = runRepaintAndPixelTest; | |
13 </script> | |
14 <style> | |
15 .box { | |
16 width: 200px; | |
17 height: 200px; | |
18 margin: 20px; | |
19 background-color: rgba(0, 128, 0, 0.01); | |
20 filter: url(#lighting); | |
Stephen White
2016/09/20 19:46:38
I think we'll need to figure out how to get someth
fs
2016/09/20 21:50:25
I don't think that's the major problem - that woul
| |
21 } | |
22 .before { | |
23 background-color: red; | |
24 } | |
25 </style> | |
26 <div class="before box"></div> | |
27 <svg width="0" height="0"> | |
28 <filter id="lighting" x="-0.5" y="-0.5" width="2" height="2"> | |
29 <feOffset dx="1" dy="1"/> | |
30 <feComposite in="SourceGraphic"/> | |
31 <feDiffuseLighting surfaceScale="200"> | |
32 <feDistantLight azimuth="-45"/> | |
33 </feDiffuseLighting> | |
34 <feColorMatrix values="0 0 0 0 0, 0.33 0.33 0.33 0 0, -0.25 0 0 0.25 0, 0 0 0 1 0"/> | |
35 </filter> | |
36 </svg> | |
OLD | NEW |