HTML CSS examples for CSS Animation:Transform
Render elements with transform
<html> <head> <title>Lorem ipsum do</title> <style> div.overlay {<!--from w w w. j a v a 2s. c om--> background-color:Chartreuse; bottom:0; left:0; position:fixed; right:0; top:0; } div.overlayFrame { background-color:yellow; border:2px solid blue; overflow:hidden; position:absolute; } div.overlayFrame0 { bottom:51px; left:51px; right:51px; top:51px; } div.overlayFrame1 { bottom:46px; left:56px; right:46px; top:56px; } </style> </head> <body> <div class="overlay"></div> <div style="-moz-transform: scale(1, 1);" class="overlayFrame overlayFrame1"></div> <div style="-moz-transform: scale(1, 1);" class="overlayFrame overlayFrame0"> Lorem ip </div> </body> </html>