box-shadow实现outline圆角
来源:互联网 发布:淘宝上卖高仿鞋 编辑:程序博客网 时间:2024/06/02 00:28
如border有border-radius
outline也有outline-radius
但是目前outline-radius只在火狐上有用
其他浏览器都不支持。
-moz-outline-radius: 30px;
目前可以使用box-shadow来模拟outline圆角效果
border-radius: 30%;border: 5px solid red;box-shadow: 0 0 0 5px darkorange;
加多几层
border-radius: 30%;border: 5px solid red;box-shadow: 0 0 0 5px darkorange, 0 0 0 10px darkmagenta, 0 0 0 15px darkcyan, 0 0 0 20px darksalmon;
阅读全文
0 0
- box-shadow实现outline圆角
- 读《CSS.Secrets》,记录下——box-shadow,outline
- CSS并不简单--走进border、box-shadow和outline
- css3中的outline,box-shadow和user-select总结
- box-shadow
- box-shadow
- box-shadow
- box-shadow
- box-shadow
- box-shadow
- box-shadow
- box-shadow
- box-shadow:
- box-shadow
- box-shadow
- box-shadow
- box-shadow实现曲线投影效果
- box-shadow实现外发光效果
- 修改山维科技EPS控制点显示的高程值位数
- CodeForces
- sublime中html自动补全
- sass基本操作
- fs寄存器获取PEB/TEB
- box-shadow实现outline圆角
- Android Studio中安装Kotlin插件
- 磁盘中存取信息的最小单位是?
- C语言指针详解
- 使用MappedByteBuffer(映射文件)对excel表格进行随机定位和读取
- scala3
- hive集成管理Hbase表
- Statement接口以及Java相关SQL语句操作
- NGINX环境搭建