Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> div.element { width: 30px; height: 30px; border-radius: 50%; text-align: center; vertical-align: middle; display: inline-block; zoom: 2; } div#grey { background-color: #666; zoom: normal; } div#blue { background-color: #1c87c9; zoom: 300%; } div#green { background-color: #8ebf42; zoom: 5; } </style> </head> <body> <h2>Zoom property example</h2> <div id="grey" class="element"></div> <div id="blue" class="element"></div> <div id="green" class="element"></div> </body> </html>