css3-划过div放大突出效果

最新推荐文章于 2024-07-22 18:36:52 发布

艾斯德斯的博客

最新推荐文章于 2024-07-22 18:36:52 发布

阅读量1.3w

点赞数 1

分类专栏： css

本文链接：https://blog.csdn.net/qq_36898102/article/details/77803701

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css3-放大突出效果</title>
		<style>
			ul{display: block;}
			ul li{transition: transform 0.25s ease;float: left;width: 200px;height: 200px;line-height: 200px; text-align: center;margin: 10px; background-color: #00b5e1;list-style: none;}    
			ul li:hover{transform: scale(1.2,1.2);box-shadow: 0 0 10px #0000ff;cursor: pointer;}
		</style>
	</head>
	<body>
		<ul>
			<li>123</li>
			<li>123</li>
			<li>123</li>
			<li>123</li>
			<li>123</li>
		</ul>
	</body>
</html>