outline实现border-radius效果
来源:互联网 发布:opera for linux 64 编辑:程序博客网 时间:2024/06/05 00:10
outline实现border-radius效果
今天发现border-radius不能满足需求,这时候就想到了使用outline实现
但是查了资料,只有firefox支持outline-radius(-mox-outline-radius)
又查了更多资料,终于找到了解决方案
具体实现代码:
box-shadow: 0 0 0 5px rgba(255,255,255,0.3);
5px表示radius
后面的rgba(255,255,255,0.3)表示颜色,我这里用了半透明,也可以是16进制的#FFFFFF
具体资料,我主要是从这里找的
http://www.zhangxinxu.com/wordpress/2015/04/css3-radius-outline/
0 0
- outline实现border-radius效果
- border 和 outline 实现简单的缝边效果
- 【CSS3】---圆角效果 border-radius
- 【CSS3】圆角效果 border-radius
- CSS3边框 圆角效果 border-radius
- CSS3边框 圆角效果 border-radius
- CSS3 border-radius随机圆角效果
- CSS3- 圆角效果 border-radius
- border-radius
- border-radius
- border-radius
- Border-radius
- border-radius
- border-radius
- border-radius
- Border-radius
- border-radius
- ## border-radius ##
- 修改xshell字体
- Hadoop2.6 Ha 安装
- Netperf安装使用
- 计算机视觉代码合集
- j2ee中 servlet和tomcat的关系
- outline实现border-radius效果
- 理解UML九种图
- qt 创建异形窗体
- EditPlus正则替换
- c++11类的就地初始化问题
- PHP中读取文件的几个方法
- 计算机的OSI和TCP/IP网络模型
- 如何定时重启Tomcat并部署新的项目代码
- Keytool生成keystore实战