<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>HTML5网页放大效果</title><style>.a { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;width: 200px;height: 200px;display: block;margin: 100px auto;color: #fff;text-align: center;line-height: 200px;font-size: 20px;font-weight: bold;}.a:hover { transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}</style></head><body>
<a class="a">网页放大效果,基于HTML5</a></body></html>
<!--转载注明出处-->