<!DOCTYPE html>
<html>
<head>
<script src="../../../compositing/gestures/resources/link-highlight-helper.js"></script>
<link rel="stylesheet" type="text/css" href="../../../compositing/gestures/resources/link-highlight-style.css">
</head>
<body onload="runTest();">
<div style="padding: 20px">
  <div id="targetLink" style="transform: translateZ(0); margin:0px; padding: 0px; width: 320px;">
    <a href="#"><img id="targetImg" style="vertical-align: bottom" width="320" height="240" src="../../../compositing/gestures/resources/dice.png">
  </div>
</div>
<script>
function runTest() {
    createCompositedHighlight(document.getElementById('targetImg'));
}
</script>
</script>
</body>
</html>