子比主题美化 – 给顶部幻灯片组件下添加一组图标引导-懒人Blog(资源素材网)

演示截图

美化步骤

如图所示，在幻灯片简介这里添加代码（显示位置选择为居中）

自定义css代码

.icon-cover-card {
  display: flex;
  justify-content: center;
  position: relative;
  min-width: 60px; 
}
.icon-cover-icon {
  margin: 0 5px; 
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.13, 1.34), margin-top 0.3s cubic-bezier(0.25, 0.1, 0.13, 1.34); /* 添加放大效果的过渡 */
  z-index: 1;
  max-width: 100%; 
  max-height: 100%; 
}
.icon-cover-card:hover .icon-cover-icon:hover {
  transform: scale(1.2) translateY(-5px); 
  z-index: 2; 
  margin-top: -20px;
}
@media screen and (max-width: 768px) {  
      .conter-bottom {  
        display: none;  
    }  
}

🎉 恭喜你发现了宝藏导航！>>点此前往<<

👋 感谢您的观看，对您有用就分享出去吧！

如您有好的资源/素材，可参与创作者激励计划享投稿分成。分成介绍
投稿成功收录，即可获得 1-10元/篇奖励。（重复内容无奖励）

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负！

1 如果您喜欢本站,点击这儿赞助下本站，感谢支持！
2 可能会帮助到你：下载帮助 | 报毒说明 | 进站必看 | 广告合作；
3 本站内容观点不代表本站立场，并不代表本站赞同其观点和对其真实性负责；
4 本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法，侵权等任何非法活动，否则后果自负；
5 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理；
6 如若转载，请注明文章出处：

THE END