css特殊效果
2024-09-30 23:43:39
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%
)
}
最新文章
- 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(十)态势标绘模块
- 工作偶遇小bug
- IDEA之maven(springmvc)项目
- C# on Visual Studio Code
- python_day7【模块configparser、XML、requests、shutil、系统命令-面向对象】之篇
- CF 314C Sereja and Subsequences(树状数组)
- hdu 2665 Kth number(划分树模板)
- oracle 如何搜索当前用户下所有表里含某个值的字段?(转)
- 【转】Android 工程在4.0基础上混淆
- Fiddler手机抓包图文教程
- 使用 Homebrew 安装 Git
- JAVA中的Log4j
- 从 源码 谈谈 redux compose
- 不适合使用hadoop来解决的问题
- PTA第一个编程题总结
- python基础之Day15
- 编程入门python之定义函数【转】
- Android Studio 2.3 正式版新功能,你不来看看?!
- 将Unity导出的Eclipse工程转换为AndroidStudio工程
- bind出现Address already in use解决方法
热门文章
- Ubuntu 16.04安装UltraCopier做为FastCopy的替代方案
- Cisco IOU Web Interface : Web IOU
- Android GIS开发系列-- 入门季(6)GraphicsLayer添加文字与图片标签
- svn: 命令行上传多个指定文件
- 【转】java中Thread类方法介绍
- 1.3-动态路由协议EIGRP②
- 一个性能较好的jvm參数配置以及jvm的简单介绍
- 自己定义 View 基础和原理
- USRP通信的结构体和常量(上位机、下位机共用)
- System.load 与 System.loadLibrary 的区别