【CSS】选项卡动画悬浮放大并加阴影,移开恢复

兴趣使然的码仔

已于 2023-10-31 16:11:51 修改

阅读量438

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css 前端

于 2023-10-30 10:27:50 首次发布

本文链接：https://blog.csdn.net/qq_41790461/article/details/134113772

CSS 专栏收录该内容

8 篇文章

订阅专栏

博客围绕前端领域，重点涉及CSS相关内容，但具体内容未给出。CSS是前端开发中用于样式设计的重要技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.wrapper {
	transform: scale(1);
	transition: transform 300ms ease-in-out;
	box-shadow: 8px 8px 25px 0px rgba(199, 196, 196, 0.5),
              -8px -8px 25px 0px rgba(255, 255, 255, 0.2);
	&:hover {
		transform: scale(1.05);
		box-shadow: 8px 8px 25px 0px rgba(199, 196, 196, 0.8),
                -8px -8px 25px 0px rgba(255, 255, 255, 0.5);
	}
}