CSS 单边 inner box shadow
来源:互联网 发布:ubuntu chmod 755 编辑:程序博客网 时间:2024/04/30 13:58
CSS3
的box-shadow
效果,想来大家可能并不陌生,但是一般我们用向外的shadow
效果比较多,如果希望得到向内部的阴影效果,怎么实现呢?
很容易,就是加上inset
:
.side-shadow { -webkit-box-shadow: inset 0 -3px 10px -3px #666666; -moz-box-shadow: inset 0 -3px 10px -3px #666666; box-shadow: inset 0 -3px 10px -3px #666666;}
以上的例子中,我们把spread
(即最后一个参数)的半径设置为了-3px
,这会将阴影挤到一边,所以效果将会是这样:
这样的效果可以用于导航栏,凸显出3D效果,是不是很简单呢?
阅读全文
0 0
- CSS 单边 inner box shadow
- CSS box shadow IE6+
- CSS Box Shadow
- CSS之box-shadow
- CSS box-shadow
- CSS box-shadow
- CSS中box-shadow、text-shadow用法
- css box-shadow ie6-8
- css box-shadow效果演示
- 探究CSS box-shadow属性
- CSS学习笔记:box-shadow
- box-shadow 制作单边阴影效果,不影响其它边的效果
- CSS3之------box-shadow属性使用方法(1),即单边阴影效果设置
- css:box-shadow的发光效果
- css:box-shadow的发光效果
- CSS应用 - :before, :after, box-shadow
- css中box-shadow的用法总结
- CSS阴影效果(Box-shadow)各种用法
- smarty循环遍历数据库表后在前台显示
- SQL语句的增删改查(详细)
- Python 打印list是显示unicode,转化成中文
- 构造数组MaxTree、环形单链表的约瑟夫问题等总结
- Android 小游戏之五子棋 代码简单实现
- CSS 单边 inner box shadow
- Lucene是什么?
- vimtutor中文版1.7
- 读书笔记-真实的诸葛亮-2
- 【原创】【区间上的贪心 第一篇】Poj 1328 Radar Installation
- js优化
- 弹出全盖隐藏窗口 -- css,js,htm
- Map集合,List集合,Array数组,Iterator迭代,Collection集合,Set集合的多种遍历方式
- #OSG+VS#第二十一周