Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 例子: @base: #f938ab; .box-shadow(@style, @c) when (iscolor(@c))
分类:
其他好文 时间:
2016-02-27 13:48:56
阅读次数:
167
一、定义和用法 box-shadow属性 向框添加一个或多个阴影。 二、语法 box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur
分类:
其他好文 时间:
2016-02-23 20:31:07
阅读次数:
634
tanchuang.css .zhuti { position:absolute; z-index:3; font-size:14px; border-radius:5px; box-shadow:0 0 5px white; overflow:hidden; color:#333; } .titl
分类:
其他好文 时间:
2016-02-21 12:44:51
阅读次数:
173
语法: box-shadow:inset x-offset y-offset blur-radius spread-radius color 也就是: 对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色} 取值: box-shadow属性至多有
分类:
Web程序 时间:
2016-02-17 20:52:11
阅读次数:
280
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor
分类:
Web程序 时间:
2016-02-15 12:13:11
阅读次数:
297
使用box-shadow属性实现圆角效果代码实例:通常实现圆角效果我们使用border-radius,其实我们也可以使用box-shadow属性来实现。两个属性的具体用法这里就不多介绍了,具体可以参阅以下两个文章:(1).圆角效果可以参阅CSS3实现圆角效果一章节。(2).box-shadow可以参
分类:
其他好文 时间:
2016-02-11 19:16:56
阅读次数:
179
box-shadow并不会增加元素的实际占据空间:关于此属性的用法这里就不多做介绍了,具体可以参阅CSS3的box-shadow属性用法详解一章节。对元素引用此属性之后,元素在外观上是看起来体积变大了,其实并没有更多的占据空间。代码实例如下: <!DOCTYPE html> <html> <head
分类:
其他好文 时间:
2016-02-11 19:11:50
阅读次数:
869
CSS3 边框 边框属性 border-radius box-shadow border-image 圆角边框 eg: border-radius 属性用于创建圆角: 向 div 元素添加圆角: div { border:2px solid; border-radius:25px; -moz-bor
分类:
Web程序 时间:
2016-01-30 09:39:59
阅读次数:
222
.loading{ width:3px; height:3px; border-radius:100%; margin-left:20px;box-shadow:0 -10px 0 1px #333,10px 0px #333,0 10px #333,-10px 0 #333,-7px -7px 0...
分类:
其他好文 时间:
2016-01-26 12:13:49
阅读次数:
217
一.语法box-shadow:inset x-offset y-offset blur-radius sperad-radius colorbos-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色PS:可以使用一个或多个投影,如果使用多个投影时必须需要用逗号...
分类:
Web程序 时间:
2016-01-25 00:02:43
阅读次数:
341