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;

background-color:#000000;

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

總結

以上是生活随笔為你收集整理的html5 如何局部放大,【HTML5特效】挺简单的HTML5放大效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。