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

小柒博客
小柒博客
小柒博客
196
文章
79
评论
2020-02-2714:51:48 评论 816 267字阅读0分53秒

一、代码部署

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

二、代码如下:

/* 导航菜单鼠标划过两种颜色变幻效果 */
#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}

三、效果展示:

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

历史上的今天
二月
27
  • 微信号
  • 微信扫一扫加我~~
  • weinxin
  • 微信公众号
  • 微信扫一扫关注我吧~~
  • weinxin
广告也精彩
小柒博客
  • 本文由 发表于 2020-02-2714:51:48
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

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