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