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

小柒博客
小柒博客
小柒博客
342
文章
96
评论
2020-02-2714:51:48 评论 8.6K 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
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
WordPress文章底部添加自定义内容 WordPress美化

WordPress文章底部添加自定义内容

WordPress网站建设的过程中,有时候站长朋友们需要在所有文章的底部添加自定义内容,比如注明文章是本站原创的,提醒别人在转载的时候请注明出处。今天我们就向大家介绍一下实现的具体方法。 切换到主题...
WordPress后台登录添加算术验证码 WordPress教程

WordPress后台登录添加算术验证码

给WordPress网站登录添加验证码功能在一定程度上可以有效减少机器人软件暴力破解暴力登录,对于wordpress程序可以有很多相关插件可以实现,不过这么简单的功能其实没有必要安装一个插件,通过简单...
匿名

发表评论

匿名网友 填写信息

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