CSS3渐变 阴影 遮罩

渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式 通常使用在所有接受图像的属性上(替代),意义是创建一张

gradient可以应用在所有接受图像的属性上

线性渐变(linear-gradient)变化的方向是一条直线

径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动

用于创建一个表示两种或多种颜色线性渐变的。

第一个参数可以省略,默认从上往下,

后续每个参数描述某个关键点的位置的颜色,两个关键点之间渐变

用来展示由原点（渐变中心）辐射开的颜色渐变。

radial-gradient( shape [size ][at <position>,]<color-stop>[,<color-stop>]+)

没有数值范围的时候颜色均分,从圆心开始到矩形最远的点均分颜色,然后绕圆心画圆染色,支持很多很多颜色

实例:

原点放射渐变的图像。它类似于并且采取相同的论据，但它重复无限地在各个方向上停止颜色以覆盖整个容器。

渐变平铺 repeating- 渐变属性

了解一下

给盒子添加阴影表现效果，仿佛有光打到盒子上
和原盒子一样大小，包含border

box-shadow: h-shadow v-shadow blur spread color outset

定义文字的阴影

类似于 box-shadow; 不支持缩放和内外阴影，可叠加逗号分隔

阴影叠加: 先渲染前面的，再渲染后面的

问题一：Word文档中，字体怎么设置为阴影？ 选中文字――右键菜单――字体――阴影打钩

问题二：word怎么设置字体阴影啊？ 首先选中字体
然后单击右键
选择“字体”
所有的相关设置都在里面哦
希望可以帮到你

问题三：word上的字体阴影怎么弄 可以用1楼讲的。
但一户文字的阴影效果很差，最好是插入艺术字，再选择艺术字的阴影格式选择阴影。
补充（见图）：
第一行是一般文字阴影，下面两行是艺术字阴影：

问题四：在Word中字体要有阴影，阴影怎么变成其它颜色？？？ 很简单啦：
1在菜单栏或工具栏处右击鼠标，选择“自定义”；
2勾选“阴影设置”；
3d出的“阴影设置”工具栏中的最后一个按钮就是你想要的，单击倒三角可选颜色。
希望对你有帮助。

问题五：ppt中如何对文字设置阴影效果 PPT中可以添加艺术字，然后在绘图工具栏上选择阴影的样式。一般来说绘图工具栏在PPT窗口的左下角，如果没有的话，就对着菜单亥边上空白处右击，会有工具栏选项，选择绘图就会出现了

问题六：ps中字体阴影部分是怎么设置的，具体设置？ 字体加阴影很简单，就是在P图软件上添加文字的时候，选中阴影效果就行了。效果比你截图的好很多。如图：

问题七：WPS文字里怎么样设置阴影字体 选中文字，在字体项中设置。
2012界面，可点开始――字体右侧的展开小箭头，调出字体设置对话框，勾选“阴影”。

问题八：Word2003中怎样为文字设置阴影效果 选中文字，执行菜单“格式”→“字体”，勾选“阴影”即可．

问题九：WORD的艺术字设置：阴影为“阴影样式14”怎么设置 输入“艺术字”以后，选“艺术字”――在“绘图”工具栏里――点“阴影功式”（倒数第2个）――第4行第2个就是。

问题十：电脑显示的字有阴影怎么设置啊 请问你用的是XP还是WIN 7

diybox{width:300px;height:300px;position:relative;}
diybox bg{position:absolute;z-index:1;}
diybox text{position:absolute;z-index:2;}

这是CSS部分，下面是html部分

<div class="diybox">
<div class="bg">这里放入用img标签</div>
<div class="text">文字些这里</div>
</div>

按照上面的例子写就行了，bg那个html里可以放入作为背景的。

我们在制作网页的时候可以用CSS3添加边框，那么如果要给边框添加阴影该怎么做呢？下面我给大家分享一下。

工具/材料

SublimeText

首先打开Sublime Text软件，新建一个HTML文档，如下图所示

然后在html文档的Body区域插入一个div，如下图所示

接下来给div定义一些样式，注意其中的box-shadow就是定义边框阴影的，如下图所示

最后我们运行界面程序，你会看到边框已经被添加上阴影了，如下图所示

---