码迷,mamicode.com
首页 >  
搜索关键字:box-shadow    ( 588个结果
【2016.11.22】css实现几个效果
1、阴影box-shadow 语法:box-shadow: h-shadow v-shadow blur spread color inset; h-shadow必需。水平阴影的位置。允许负值。 v-shadow必需。垂直阴影的位置。允许负值。 blur可选。模糊距离。但其值只能是为正值,如果其值为 ...
分类:Web程序   时间:2016-11-24 09:18:39    阅读次数:156
box-shadow,text-shadow,前端自定义字体
<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><style>@font-face{font-family:myfamily;/*字体自定义名称,便于引用*//*自定义字体*/src:url("res/font.TTF");/*字体的url*/}#div1{width:200px;height:..
分类:其他好文   时间:2016-11-24 00:22:41    阅读次数:205
文本效果、字体
文本效果 text-shadow: 字体阴影 .text{ text-shadow:5 px 5px 5px #FF0000} 指定:水平阴影、垂直阴影、模糊的距离,以及阴影的颜色 box-shadow: 背景阴影 text-overflow: 文字溢出 .text{text-overflow:cl ...
分类:其他好文   时间:2016-11-22 13:17:17    阅读次数:459
滚动条样式修改
/*滚动条*/ ::-webkit-scrollbar { width: 4px; height: 4px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: ...
分类:其他好文   时间:2016-11-17 13:05:29    阅读次数:135
css深入理解之border
1. border-width border-width不支持百分比,类似的还有outline,box-shadow,text-shadow等 border-width支持关键字:thin(1px,最常用),medium(3px,默认值),thick(5px)(IE7除外) 2. border-st ...
分类:Web程序   时间:2016-11-17 00:46:53    阅读次数:186
格式与布局 CSS阴影效果(Box-shadow)用法
一、position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。 二、position:absolute 1.外层没有position:absolute(或relative);那么div相对于浏览器定位。 2.外层有position:absolute(或relati ...
分类:Web程序   时间:2016-11-15 08:09:23    阅读次数:203
filter(滤镜) 属性
给图像设置一个阴影效果。阴影是合成在图像下面,可以有模糊度的,可以以特定颜色画出的遮罩图的偏移版本。 函数接受<shadow>(在CSS3背景中定义)类型的值,除了"inset"关键字是不允许的。该函数与已有的box-shadow box-shadow属性很相似;不同之处在于,通过滤镜,一些浏览器为 ...
分类:其他好文   时间:2016-11-14 20:33:25    阅读次数:289
box-shadow学习笔记
CSS3 box-shadow属性的简单学习笔记 语法格式: 可选。将外部阴影(outset)改为内部阴影。 每个属性值的详细介绍: 1. h-shadow: 必需。水平阴影的位置。设置正值是向右偏移,设置负值是向左偏移。 2.v-shadow: 必需。垂直阴影的位置。设置正值是向下偏移,设置负值是 ...
分类:其他好文   时间:2016-11-08 13:36:23    阅读次数:217
css3卡片阴影效果
1.css3阴影用到的知识点:阴影box-shadow和插入:after before HTML部分: CSS部分: 备注: 1. css卡片阴影效果用到两个伪元素:after、before. (1)、“伪元素”,顾名思义。它创建了一个虚假的元素,并插入到目标元素内容之前或之后; (2)、伪元素如果 ...
分类:Web程序   时间:2016-11-07 02:33:32    阅读次数:774
css3 box-shadow属性 鼠标移动添加阴影效果
基本语法:{box-shadow:[inset] x-offset y-offset blur-radius spread-radius color} 对象选择器:{box-shadow:[投影方式] X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色} box-shadow属性的参数设置 ...
分类:移动开发   时间:2016-11-05 12:24:52    阅读次数:322
588条   上一页 1 ... 29 30 31 32 33 ... 59 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!