Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .big { position: relative; height: 300px; width: 300px; margin: 80px; padding: 5px; border: 2px solid #666666; background-color: #eeeeee; } .little { padding: 60px; position: absolute; border: 2px solid #666666; background-color: #8ebf42; -webkit-transform: rotate(35deg); -webkit-transform-origin: 70% 90%; transform: rotate(35deg); transform-origin: 70% 90%; } </style> </head> <body> <h2>Transform-origin property example</h2> <div class="big"> <div class="little">Box</div> </div> </body> </html>