写文章
david999
2017-08-29 22:41

[已解决]如何取消avada的3D Button按钮的阴影和设置hover参数?

请问如何取消avada的3D Button按钮的阴影和设置其他参数?

尝试过几种button插件和custom css 仍未达到想要的效果,特此到米问请教各位大神!

  1. 取消3D button阴影

如左图,默认3D都是加阴影的,我想取消阴影变成右图:

1.png

用检查元素 发现在此处把rgba(0,0,0,0.3)改成rgba(0,0,0,0)即可:

2.png

然后尝试添加如下代码到custom css:

.button-default.button-3d.button-large {box-shadow:inset 0px 1px 0px #fff, 0px 4px 0px #54770f, 1px 6px 6px 3px rgba(0,0,0,0);}

.button-default.button-3d.button-large:active {box-shadow:inset 0px 1px 0px #ffffff, 0px 1px 0px #54770f, 1px 6px 6px 3px rgba(0, 0, 0, 0);}

结果仍然无效.....

 2. 设置button的 hover参数

默认hover只能修改颜色,我想hover时变成以下参数:

.button-default.button-3d.button-large {box-shadow:inset 0px 1px 0px #fff, 0px 3px 0px #54770f, 1px 6px 6px 3px rgba(0,0,0,0);}

希望大神们帮忙解答这2个问题,不胜感激!

点赞
举报
收藏
转发
0/500
添加表情
评论
评论 (2)
最近
最早
3天2夜学会建站
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示