第四章 CSS样式表
第四节 鼠标形状与滤镜
1.鼠标属性
CSS通过“cursor”属性来改变鼠标的形状。
|
属性值 |
解释 |
属性值 |
解释 |
|
auto |
自动 |
e-resize |
箭头朝右方 |
|
crossair |
精确十字 |
ne-resize |
箭头朝右上方 |
|
default |
默认 |
nw-resize |
箭头朝左上方 |
|
hand |
手形 |
n-resize |
箭头朝上方 |
|
move |
移动 |
se-resize |
箭头朝右下方 |
|
text |
文本I形 |
sw-resize |
箭头朝左下方 |
|
wait |
等待 |
s-resize |
箭头朝下方 |
|
help |
帮助 |
w-resize |
箭头朝左方 |
2.CSS滤镜
CSS的滤镜把我们带入绚丽多姿的多媒体世界。正是有了滤镜属性,页面才变得更加漂亮。
CSS的滤镜属性的标识符是filter。它的书写格式为:
filter:filtername(parameters)
CSS常用的滤镜如下:
|
滤镜名 |
解释 |
滤镜名 |
解释 |
|
alpha |
不透明度 |
grayscale |
无色 |
|
blur |
模糊 |
invert |
反相 |
|
chroma |
颜色透明 |
light |
光照 |
|
dropshadow |
阴影 |
mask |
掩膜 |
|
fliph |
水平翻转 |
shadow |
立体投影 |
|
flipv |
垂直翻转 |
wave |
波纹 |
|
glow |
发光 |
xray |
X光片 |