box-shadow阴影 三面显示

想弄个只显示三面的阴影效果,网上一搜没有解决根本问题,最后还是在css3演示里面找到方法http://www.css88.com/tool/css3Preview/Box-Shadow.html

我把代码代码贴上:

box-shadow:2px 2px 5px #333333, -2px 2px 5px #333333;

就是如此简单~

顶部没有阴影,其他三面都有阴影。

X轴:正值显示右边阴影,负值显示左边阴影

Y轴:正值显示底部阴影,负值显示顶部阴影

时间: 2024-08-19 05:14:44

box-shadow阴影 三面显示的相关文章

box shadow 单边阴影 两边阴影

box-shadow语法:x轴偏移值 y轴偏移值 模糊半径 阴影半径 || 颜色 insect,其中阴影半径可以为负值,意思是增加或减少指定数值的阴影半径 正常阴影 box-shadow: 5px 5px 5px black; 阴影半径为负值  box-shadow: 5px 5px 5px -5px black; 阴影半径为正值 box-shadow: 5px 5px 5px 5px black; 双边阴影 box-shadow: 5px 0px 5px -5px black, -5px 0p

52 标签的影藏,盒子阴影,三种定位,js导入和语法

标签的隐藏 display: none; 不以任何方式显示,在页面中不占位,但重新显示,仍然占位 opacity:0.5; 修改盒子的透明度,值为0,完全透明,但在页面中占位 盒子的阴影 box-shadow: 150px 0 10px 0 red, 0 150px 10px 0 green; x轴偏移 y轴偏移 虚化程度 阴影宽度 颜色 盒子的三种定位固定定位 当前页面窗口的宽高(锁屏幕尺寸变化而变化):vw vh 一旦打开定位属性,left.right.top.bottom四个方位词均能参与

如何设置box shadow的透明度

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期2014-04-24) 今天发现使用box-shadow属性,可以很好的给div添加阴影效果,但是添加的效果如果是: -moz-box-shadow:0 4px 4px #999; -webkit-box-shadow:0 4px 4px #999; box-shadow:0 4px 4px #999; 使用#设置的颜色是没有透明效果的.这样设置阴影的颜色,如果阴影落在的位置不是白色的,甚至是动态的,例如落在了幻灯片上,好几张不同颜

一步一实现视频播放器客户端(三)显示热门电影列表

(三) 今天实现热门电影这块功能,主要是从服务器获取数据,然后显示在界面上.这块虽然说是从服务器获取电影信息数据,但是,没有用到http相关的知识,我们直接使用sdk包(56网提供的api),就能获取服务器返回的json格式的数据了.以后,我还会写一篇笑话客户端的完整例子,会讲http这块,现在就不多说了. 效果图:                      第2将,我们把主界面做好了,但是没有数据,今天,我们获取数据,绑定界面上. 在说下界面,顶部一个标题,显示app名字,一次下面是一排的按钮

Android三步显示gif动态图片

今天给大家带来一个显示gif动态图片的类库,使用方法很简单,只需三步. 1.把GifView.jar加入你的项目. 2.在布局xml中这样写: <com.ant.liao.GifView android:id="@+id/gif1" android:layout_height="wrap_content" android:layout_width="wrap_content" android:paddingTop="4px&quo

shadow阴影

1.语法:  对象选择器 {text-shadow:X轴偏移量 Y轴偏移量 阴影模糊半径 阴影颜色} 注:text-shadow可以使用一个或多个投影,如果使用多个投影时必须需要用逗号","分开. 2.取值:  box-shadow属性最多可以有6个参数设置,他们分别取值: (1) 阴影水平偏移量 :是指阴影水平偏移量其值可以是正负值可以取正负值,如果值为正值,则阴影在对象的右边,反之其值为负值时,阴影在对象的左边; (2) 阴影的垂直偏移量 :是指阴影的垂直偏移量,其值也可以是正负值

学习OpenCV的学习笔记系列(三)显示图片及视频

OpenCV是计算机视觉库,那么处理的对象无非两个:"图片"及"视频"(其实视频也是被解压成单帧图像来处理的,总的来说,还是处理图像). 那么要想学习OpenCV,第一步必须知道OpenCV是怎么打开"图像"及"视频"文件然后显示的. 如果要想实现这些功能,其实很简单,步骤如下: 1. 新建工程 打开VS2010,新建一个项目,选择"Win32控制台应用程序"(使用控制台可以省掉很多麻烦),取名"

南沙政府应急系统之GIS一张图(arcgis api for flex)讲解(三)显示地图坐标系模块

config.xml文件的配置如下: 1 2 <widget left="3" bottom="3" config="widgets/Coordinate/CoordinateWidget.xml" url="widgets/Coordinate/CoordinateWidget.swf" /> 源代码目录如下: 地图坐标系模块的源代码原理解析,详细的代码在下载的开源flexviewer自带的: (1)Coordi

天津政府应急系统之GIS一张图(arcgis api for flex)解说(三)显示地图坐标系模块

config.xml文件的配置例如以下: 1 2 <widget left="3" bottom="3" config="widgets/Coordinate/CoordinateWidget.xml" url="widgets/Coordinate/CoordinateWidget.swf" /> 源码文件夹例如以下: 地图坐标系模块的源码原理解析,具体的代码在下载的开源flexviewer自带的: (1)Coo