CSS3放大旋轉的執行個體代碼

來源:互聯網
上載者:User
這篇文章主要為大家深度剖析了CSS3放大旋轉的執行個體代碼的相關資料,具有一定的參考價值,感興趣的小夥伴們可以參考一下

CSS3放大旋轉

<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>CSS3放大旋轉</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;background-color:#008000;display:block;margin:100px auto;color:#fff;text-align:center;line-height:200px;font-size:20px;font-weight:bold;}.a:hover {transform:rotate(360deg) scale(1.2);-webkit-transform:rotate(360deg) scale(1.2);-moz-transform:rotate(360deg) scale(1.2);-o-transform:rotate(360deg) scale(1.2);-ms-transform:rotate(360deg) scale(1.2);}</style></head><body><a class="a">放大旋轉</a></body></html>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.