设为首页收藏本站
联系我们切换到宽版

 找回密码
 免费注册
金黑网络»应用资源 › 应用开发教程 › 前端教程 › css教程 › css样式缩放zoom
返回列表 发新帖

css样式缩放zoom

[复制链接]
发表于 2023-6-27 13:55:36 | 显示全部楼层 |阅读模式
css样式缩放zoom

语法：zoom:值
取值：值是一个倍数
代码如下：
  1. <head>
  2. <meta charset="utf-8">
  3. <title>无标题文档</title>
  4. <style>
  5.         .box{
  6.                 width:200px;
  7.                 height:200px;
  8.                 border:1px solid #000;
  9.                
  10.         }
  11.         div.box:hover{
  12.                 transform:scale(2);
  13.                 /*zoom:2;*/
  14.         }
  15.         .box1{
  16.                 width:100px;
  17.                 height:100px;
  18.                 background:#990;       
  19.         }
  20. </style>
  21. </head>

  23. <body>
  24. <div class="box">
  25.        
  26. </div>
  27. <div class="box1"></div>
  28. </body>
复制代码
css3特效, css教程, css样式

相关帖子
回复

举报

返回列表 发新帖

QQ|Archiver|小黑屋|网站地图|深圳市金黑网络技术有限公司 ( 粤ICP备2021124338号|粤公网安备 44030702003689号 )

GMT+8, 2026-8-8 14:57 , Processed in 0.065681 second(s), 21 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表