css3缩放动画,css 缩放动画

实现效果：

实现代码：

　　 html

　　链接href= https://字体。谷歌API。 com/CSS？family=Roboto:100，400，300，500，700 rel= style sheet type= text/CSS div align= center class= fond div style= width:1000 px； div class= style _ prevu _ kit style= background-color:# CB 2025；/div div class= style _ prevu _ kit style= background-color:# f8b 334；/div div class= style _ prevu _ kit style= background-color:# 97 bf0d；/div div class= style _ prevu _ kit style= background-color:# 00a 096；/div div class= style _ prevu _ kit style= background-color:# 93a 6a 8；/div div style= padding:5px；颜色：# b5e6e3字体粗细：300;字体大小：30 px font-family:“Roboto”；填充顶部：20px JB font style= font-weight:400；51/font/div a href= http://www妻子。 style= text-decoration:none；target= _ blank div style= color:# b5e6e 3；字体粗细：300;字体大小：20 px font-family: Roboto ；/div/a /div/divcss3。fond {位置：绝对；填充顶部：85 pxtop:0；左：0;右：0;底部：0;背景色：# 00506b}。style _ prevu _ kit { display:inline-block；边框：0;宽度：196像素身高：210像素位置：相对；-网络工具包-过渡：所有200毫秒缓入；-WebKit-transform:scale(1)；-女士-过渡：所有200毫秒缓入；-ms-transform:scale(1)；-moz-过渡：全200毫秒缓入；-moz-transform:scale(1)；过渡：所有200毫秒缓入；变换：缩放(1);}.style _ prevu _ kit:hover { box-shadow:0px 0px 150 px # 000000；z指数：2;-网络工具包-过渡：所有200毫秒缓入；-WebKit-transform:scale(1.5)；-女士-过渡：所有200毫秒缓入；-ms-transform:scale(1.5)；-moz-过渡：全200毫秒缓入；-moz-transform:scale(1.5)；过渡：所有200毫秒缓入；变换：缩放(1.5);}以上就是CSS3制作的悬停缩放特效的详细内容，更多关于CSS3悬停缩放的资料请关注其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。