分享笔记:

滚动变换网站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