online Editor
transform-origin | Transform - CSSリファレンス
transform-origin - CSS3のtransform-originの動作サンプル
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body> <style> div{ width:100px; height:100px; background:red; margin-bottom:100px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } </style> <div></div> </body> </html>
HTMLを反映する >>
タグ:
CSS
CSS3
transform-origin
Web Creative Park