offset-path-ray-022-ref.html (559B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Motion Path: ray paths</title> 5 <style> 6 #container { 7 width: 400px; 8 height: 300px; 9 overflow: scroll; 10 } 11 #target { 12 position: relative; 13 left: 200px; 14 top: 100px; 15 width: 100px; 16 height: 50px; 17 background-color: lime; 18 transform-origin: 0px 0px; 19 transform: rotate(90deg) translate(200px); 20 } 21 </style> 22 </head> 23 <body> 24 <div id="container"> 25 <div id="target"></div> 26 </div> 27 </body> 28 </html>