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

原创已于 2023-10-31 16:11:51 修改 · 438 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

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

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);
	}
}