使用Elementor创建毛玻璃滤镜的固定网页头部

在这个视频教程中,我们不用炫酷的主题,只用elementor构建器创建一个很酷的落地页,并带有毛玻璃效果的固定头部导航。

整个页面使用elementor从零构建,头部固定效果需要一段css代码,其中代码如下:

selector.elementor-sticky--effects{ 
background-color: rgba(0,0,0,0.4)!important; 
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
}
selector{ 
transition: background-color 1s ease !important;
}
selector.elementor-sticky--effects >.elementor-container{
min-height: 70px;
}
selector > .elementor-container{
transition: min-height 1s ease !important;
}

www.uiadmin.com

UIADMIN模板网

微信:shwebmaster