scale-and-rotate-both-specified-on-animation-keyframes-ref.html (415B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Animating both the "scale" and "rotate" property</title> 5 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#individual-transforms"> 6 7 <style> 8 9 #target { 10 position: absolute; 11 width: 100px; 12 height: 100px; 13 background-color: black; 14 15 transform-origin: bottom left; 16 rotate: 90deg; 17 } 18 19 </style> 20 </head> 21 <body> 22 <div id="target"></div> 23 </body> 24 </html>