html文字放大效果代码,HTML页面放大镜效果(示例代码)

HTML5网页放大效果

.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);

}

网页放大效果，基于HTML5