分享笔记:

滚动变换网站logo教程

简短的代码就可以让你的页眉拥有吸引人的设计,提升网站视觉吸引力

文章目录

代码

编辑栏 > 小工具间距 > 0px
编辑段 > 动作效果 > 开启 sticky top | effects offset 100
把下面的代码粘贴到 section > 高级设置 > 自定义css

/* 出现logo */
.d-logo {
display: none;
}
/* 消失logo */
.elementor-sticky--effects .d-logo {
 display: inline-block;
}
.elementor-sticky--effects .l-logo {
 display: none;
}
/* 切换速度(保持一致) */
.elementor-sticky--effects .sticky-menu-items ul li a {
 transition: .3s all ease-in-out;
}
.elementor-sticky--effects {
 transition: .3s all ease-in-out;
}

消失logo class 类: l-logo
出现logo class 类: d-logo

为笔记评分

平均评分 5 / 5. 摘星者: 1

留下第一个评论

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors