wordpress顶部导航栏添加发光阴影发光边框效果

最近在修改Ripro代码主题代码时候发现一个比较好的设置在顶部导航边框下添加一个发光阴影,感觉很有趣把css代码分享一下大家可以在diy文件中加入即可
.site-header{position:relative;}
.site-header {
    box-shadow: 0 0 20px rgba(40, 173, 243, 0.8); 
}
box-shadow的四个参数

x-offset x 轴偏移 0
y-offset y轴偏移 0
blur 模糊值 20px
color of shadow 阴影颜色
rgba(40, 173, 243, 0.8);
RGB是说颜色,A是指透明度
红40, 绿173, 蓝243, 透明度80%

颜色自己查找颜色数字自己替换即可

wordpress顶部导航栏添加发光阴影发光边框效果插图

①本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。
② 分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。
③ 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。
④ 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。
⑤ 本站资源包如果有密码,统一解压密码:www.rclou.cn


二层楼源码网 » wordpress顶部导航栏添加发光阴影发光边框效果
  • 31会员总数(位)
  • 2255资源总数(个)
  • 9本周发布(个)
  • 0 今日发布(个)
  • 93稳定运行(天)