三种方法实现弹出框边框半透明和圆角的效果

三种方法实现弹出框边框半透明和圆角的效果

发现支付宝的一个充值抽红包的系统里面有个弹出对话框，边框半透明效果，就想着自己做一个弹出对话框效果，

用三种方法实现弹出框边框半透明和圆角的效果

1.用rgba来实现背景半透明，设置内边距

2.设置border颜色半透明，利用background-clip设置；

3.利用滤镜效果，实现空元素背景半透明

border-radius实现圆角效果

​

html代码如下：

css代码如下：

预览效果：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。