百度光斑效果

最新推荐文章于 2024-12-28 22:53:52 发布

yghuaa

最新推荐文章于 2024-12-28 22:53:52 发布

阅读量778

点赞数

分类专栏： CSS

12 篇文章

订阅专栏

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>无标题文档</title>
	<style>
	.box{width:300px;height:300px;background:-webkit-linear-gradient(-30deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 150px,rgba(255,255,255,1) 170px,rgba(255,255,255,1) 180px,rgba(255,255,255,0) 210px) no-repeat -200px 0,url(new_bg.png) no-repeat; transition:1s;}
	.box:hover{background-position:300px 0,-100px -100px;}
	</style>
	</head>
	<body>
	<div class="box"></div>
	</body>