› 首页 ›期权学习›期权知识›正文

css3元素缩放

xiaojiucai 期权知识 2020-08-18 611 0

<!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/post/7633.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

版权声明

本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。