专栏首页cwl_Java前端基础-CSS缩放zoom

前端基础-CSS缩放zoom

二、缩放zoom

语法:zoom:值

取值:值是一个倍数

<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
	.box{
		width:200px;
		height:200px;
		border:1px solid #000;
		
	}
	div.box:hover{
		transform:scale(2);
		/*zoom:2;*/
	}
	.box1{
		width:100px;
		height:100px;
		background:#990;	
	}
</style>
</head>

<body>
<div class="box">
	
</div>
<div class="box1"></div>
</body>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
	.box{
		width:200px;
		height:200px;
		border:1px solid #000;
		
	}
	div.box:hover{
		/*transform:scale(2);*/	
		zoom:2;
	}
	.box1{
		width:100px;
		height:100px;
		background:#990;	
	}
</style>
</head>

<body>
<div class="box">
	
</div>
<div class="box1"></div>
</body>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端基础-Vue.js模板语法(插值)

    我们在前面的代码中,使用 {{}} 的形式在 html 中获取实例对象对象中 data 的属性值;

    cwl_java
  • 前端基础-JQuery (二)

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明...

    cwl_java
  • 前端基础-CSS定位

    注意:偏移值准确的理解是“距离什么位置有多少像素” 。 如 top:100px; 距离顶部为100像素 (向下走)

    cwl_java
  • 前端学习(49)~offset相关属性和匀速动画(含轮播图实现)

    offsetWidth 和 offsetHight:获取元素的宽高 + padding + border,不包括margin。如下:

    Vincent-yuan
  • BFC概念和作用,触发条件

    windseek
  • css(2)

    font-family可以将多个字体名保存起来,如果浏览器不支持第一个字体会依次尝试后面的字体。

    GH
  • box-sizing

            在通常的网页布局都是由一个个div等元素构成盒子形成形形色色的网页结构,在网页的构成中我们还要进行各种元素的修饰,叫做:盒子模型.

    十月梦想
  • 用23行代码爬取豆瓣音乐top250

    豆瓣对于爬虫十分友好,而且豆瓣上面又有各种电影图书音乐等资源,是我们学习爬虫一个很不错的锻炼目标。基本上每个学习爬虫的人都会拿豆瓣来练练手。 网上有各种爬取豆瓣...

    爱吃西瓜的番茄酱
  • cookie的跨页面传值问题仿购物车案例

    大家都知道cookie的特性, cookie生效在同一个域名下,cookie储存量有限,cookie主要用于记录用户的一些信息,例如记录用户的登录信息使用户一段...

    祈澈菇凉
  • 什么是BFC

    BFC 就是块级格式上下文,是页面盒模型布局中的一种 CSS 渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。那么首先先来说一下常见的三种控制...

    无邪Z

扫码关注云+社区

领取腾讯云代金券