css3元素缩放
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } #dd{ width: 300px; height: 200px; background: darkgreen; margin: 50px auto; } #dd:hover{ transform: scale(1.6,0.6); /*缩放,第一个参数是水平方向,第二个是垂直方向*/ } </style> </head> <body> <div id="dd"></div> </body> </html>
上面代码效果图片:
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知