向下滚动时,我使用 jquery 在站点的标题中添加了一个阴影。但是,我想在添加类时“淡入”阴影并在删除时淡出。
可以使用 CSS3 来完成吗?
这是滚动时添加/删除的类。
.header_shadow{-webkit-box-shadow: 0 10px 6px -6px #777;-moz-box-shadow: 0 10px 6px -6px #777;box-shadow: 0 10px 6px -6px #777;}
Run Code Online (Sandbox Code Playgroud)
谢谢!
使用 CSS 过渡(随意添加前缀):
.header_shadow {
box-shadow: 0 0 0 0 #777;
transition: box-shadow 3s ease-in-out;
}
.header_shadow.addshadow {
box-shadow: 0 10px 6px -6px #777;
}
Run Code Online (Sandbox Code Playgroud)
这是一把小提琴