border-radius实现特殊形状

.box{
width: 100px;
height: 100px;
background: orange;
border: 1px solid #000;
border-radius: 20% 80% 30% 70%/80% 70% 30% 20%;
}

border-radius属性值分为了四组,顺时针表示圆角半径大小

阴影特殊效果实现

.box{
width: 100px;
height: 100px;
background: green;
box-shadow: 0 0 0 2px blue,inset 0 0 20px #000,110px 0 0 2px blue;
}

css 渐变效果设置

.box{
width: 100px;
height: 100px;
border: 10px solid red;
border-radius: 50%;
background: linear-gradient(
to right bottom,
transparent 46%,
red 46%,
red 54%,
transparent 54%
)
}

最新文章

  1. 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(十)态势标绘模块
  2. 工作偶遇小bug
  3. IDEA之maven(springmvc)项目
  4. C# on Visual Studio Code
  5. python_day7【模块configparser、XML、requests、shutil、系统命令-面向对象】之篇
  6. CF 314C Sereja and Subsequences(树状数组)
  7. hdu 2665 Kth number(划分树模板)
  8. oracle 如何搜索当前用户下所有表里含某个值的字段?(转)
  9. 【转】Android 工程在4.0基础上混淆
  10. Fiddler手机抓包图文教程
  11. 使用 Homebrew 安装 Git
  12. JAVA中的Log4j
  13. 从 源码 谈谈 redux compose
  14. 不适合使用hadoop来解决的问题
  15. PTA第一个编程题总结
  16. python基础之Day15
  17. 编程入门python之定义函数【转】
  18. Android Studio 2.3 正式版新功能,你不来看看?!
  19. 将Unity导出的Eclipse工程转换为AndroidStudio工程
  20. bind出现Address already in use解决方法

热门文章

  1. Ubuntu 16.04安装UltraCopier做为FastCopy的替代方案
  2. Cisco IOU Web Interface : Web IOU
  3. Android GIS开发系列-- 入门季(6)GraphicsLayer添加文字与图片标签
  4. svn: 命令行上传多个指定文件
  5. 【转】java中Thread类方法介绍
  6. 1.3-动态路由协议EIGRP②
  7. 一个性能较好的jvm參数配置以及jvm的简单介绍
  8. 自己定义 View 基础和原理
  9. USRP通信的结构体和常量(上位机、下位机共用)
  10. System.load 与 System.loadLibrary 的区别