src/third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-border-radius.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4   .composited {
   5     -webkit-transform: translateZ(0);
   6   }
   7   .border-radius {
   8     border-radius: 50%;
   9   }
  10 </style>
  11
  12 <!-- There should be a green circle on this page -->
  13 <body>
  14   <img class="composited" onload="load(this)" src="../../fast/images/resources/green-256x256.jpg">
  15 </body>
  16
  17 <script>
  18 function load(element) {
  19   element.classList.add('border-radius');
  20   setTimeout(done, 0);
  21 }
  22
  23 function done() {
  24   if (window.testRunner)
  25     testRunner.notifyDone();
  26 }
  27
  28 if (window.testRunner) {
  29   testRunner.waitUntilDone();
  30 }
  31 </script>
  32 </html>