CSS3 box-shadow盒子阴影
2024-10-21 11:54:32
inset | offset-x | offset-y | blur-radius | spread-radius | color
阴影在边框内 x轴 y轴 模糊半径 扩散半径 阴影颜色
inset： 默认阴影在边框外。使用 inset 后，阴影在边框内
offset-x：水平偏移量：（如果是负值则阴影位于元素左边）
offset-y：垂直偏移量：（如果是负值则阴影位于元素上面）
offset-x和offset-y 两者都是0，那么阴影位于元素后面
blur-radius：值越大，模糊面积越大，阴影就越大越淡。 不能为负值（默认为0，此时阴影边缘锐利。）
spread-radius： 取正值时，阴影扩大；取负值时，阴影收缩（默认为0，此时阴影与元素同样大。）
/* x轴 y轴 阴影颜色*/
box-shadow: 6px -5px #ccc;
/* x轴 y轴 模糊半径 阴影颜色*/
box-shadow: 6px -5px 5px red;
/* x轴 y轴 模糊半径 扩散半径 阴影颜色*/
box-shadow: 1px 1px -5px 2px red;
/* inset: 阴影在边框内 */
box-shadow: inset -10px 1px 3px red;
最新文章
- [Java入门笔记] Java语言基础（一）：注释、标识符与关键字
- sharepoint OWA问题解决
- VS2012/2013 停止调试后，无法刷新页面
- JSON数据解析（转）
- 在Windows8.1中通过IIS发布网站产生HTTP Error 503错误的解决方案
- win8系统 host文件无法修改解决之道
- (转)HTML5开发学习（3）:本地存储之Web Sql Database
- 利用HTML5开发Android(4)---HTML5本地存储之Web Storage
- Active Session History (ASH) Performed An Emergency Flush Messages In The Alert Log
- 原生app,WEBAPP,混合app
- poj 3411 Paid Roads（dfs）
- 分享一个手机端好用的jquery ajax分页类
- 浏览器标题栏添加小logo图片，记录一下，方便以后用
- pinv
- Vue main.js 文件中全局组件注册部分
- Layui：前后端分离之Form表单
- USACO 6.4 Electric Fences
- 第六章 字节码执行方式--解释执行和JIT
- java加密用到了BASE64Decoder时报错信息:Access restriction: The type BASE64Encoder is not accessible due to restrict
- 【笔记】Django基础（一）