如何使用纯CSS实现文本的淡入动画效果(附源码)

利用CSS3动画属性“@keyframes ”可实现一些动态特效，具体语法和参数可以网上自行学习。这篇文章主要是实践应用一下这个动画属性，实现页面淡入特效，在火狐24版、chrome29版、IE10中测试通过。IE9及以下浏览器不支持此特效。

葫芦岛网站建设公司成都创新互联,葫芦岛网站设计制作，有大型网站制作公司丰富经验。已为葫芦岛数千家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的葫芦岛做网站的公司定做！

animate.css动画库的使用方法：通过link标签引入到代码中，再向要设置动画的标记元素中添加animated类以及所需设置动画效果的动画类名Animate.css是一个简单的CSS库，可以不用写太多的CSS代码就可以在网页上设置动画。

实际使用过渡属性就可以，transition：0.5s；但这个是CSS3属性，低版本IE无效，可使用JS代替。

CSS3下的渐变文字效果实现

可以使用 background-image 属性并指定 linear-gradient 函数。

重复线性渐变效果，有的朋友可能听起来比较陌生，但是在我们日常生活中也是常见的一种渐变效果。

CSS3里面的线性渐变：linear-gradient 语法 参数 第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。

下面我们就给大家介绍一个常见的css3渐变效果。首先大家要知道，CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）。本节先重点介绍线性渐变-Linear Gradients。

CSS字体与文本样式详解

粗细 font-weight作用：设置文字是否加粗显示。属性名：font-weight(属于 font 属性的一个单一属性)字体风格 font-style作用：设置文字是否斜体显示。

文本就是某个元素里的文本内容比如：文本属性就是指，字间距，字颜色，字大小，等这些属性。

font-size字号 font-family什么字体 font-weight加粗 text-align水平居中 line-height垂直居中 text-indent首行缩进 常用的差不多这些了，当然还有好多其他的不过用起来可能不如这些频率高。

当前文章：css样式控制文本效果 css属性控制文本的字号大小
链接分享：http://pwwzsj.com/article/dggesdd.html