深圳市金黑网络技术有限公司始终坚持以用户需求为导向,提供安全、稳定、高效的产品和服务!
签到 · 搜索导航 · 服务热线 · 微信/手机:17817817816

深圳网站建设

查看: 937|回复: 0

css样式缩放zoom

[复制链接]

UID
13
贡献
74
金币
0
主题
24
在线时间
10 小时
注册时间
2023-6-26
最后登录
2023-7-5
发表于 2023-6-27 13:55:36 | 937 | 0 | 显示全部楼层 |阅读模式
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>

  22. <body>
  23. <div class="box">
  24.        
  25. </div>
  26. <div class="box1"></div>
  27. </body>
复制代码
楼主热帖

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

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