WordPress美化导航菜单鼠标划过两种颜色变幻效果

小柒博客 评论84,4911字数 98阅读0分19秒阅读模式

一、代码部署

复制下面的代码放到:后台→外观→主题选项→定制风格→自定义样式

二、代码如下:

/* 导航菜单鼠标划过两种颜色变幻效果 */
#site-nav .down-menu>li>a:hover{height:88px;border-bottom:88px solid    #b485e2}#site-nav .down-menu a{height:88px;line-height:88px;border-bottom:0 solid   #b485e2;transition-duration:.6s}

三、效果展示:

鼠标划过本站导航菜单即可预览。

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如本文“对您有用”,欢迎随意打赏,谢谢!

历史上的今天
2 月
27
Wechat
微信扫一扫,加我!
weinxin
微信号已复制
微信公众号
微信扫一扫,关注我!
weinxin
公众号已复制
小柒博客
  • 本文由 小柒博客 发表于 2020年2月27日 14:51:48
  • 声明:本站所有文章,如无特殊说明或标注,本站文章均为原创。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。转载请务必保留本文链接:https://www.yangxingzhen.com/6259.html
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证