目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类：
Web程序 时间：
2016-12-09 16:19:03
阅读次数：
505
CSS3在CSS2.1的基础上新增加了许多属性，这里选择了较常用的一些功能与大家分享，帮助文档中有很详细的描述，可以在本文的示例中获得帮助文档。 一、阴影 1.1、文字阴影 text-shadow<length>①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 <length>②： 第2个 ...
分类：
Web程序 时间：
2016-12-08 09:41:28
阅读次数：
284
文本阴影text-shadow属性特效： 1.右下角阴影，左下角阴影，左上角阴影，右上角阴影 文字效果为： 如果将text-shadow改成：text-shadow:-10px 10px #333 ，就将出现左下角阴影 将text-shadow改成：text-shadow:-10px -10px # ...
分类：
Web程序 时间：
2016-08-07 18:23:01
阅读次数：
1279
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>阴影文字</title></head><body><divstyle="font-size:36pt;font-family:Arial;color:red;position:relative;filter:blur(add=1,direction..
分类：
Web程序 时间：
2014-08-11 15:24:33
阅读次数：
187
前段时间一直在忙微课比赛的事情，博客更新比较少，抱歉，今天抽空一更。1.简介前面我们曾经用两篇文章《纯CSS3文字效果推荐》、《CSS3立体文字最佳实践》给大家介绍过利用CSS3 text-shaodwo实现阴影文字、立体文字效果，但是纯css3实现的方式也有局限性，比如大量应用时会延缓页面加载速度...
分类：
Web程序 时间：
2014-08-02 15:07:03
阅读次数：
305
前面我们曾经用两篇文章《纯CSS3文字效果推荐》、《CSS3立体文字最佳实践》给大家介绍过利用CSS3 text-shaodwo实现阴影文字、立体文字效果，但是纯css3实现的方式也有局限性，比如大量应用时会延缓页面加载速度，效果的可控制性不强，今天给大家推荐一个js插件来弥补这些缺失，隆重推出shine.js。...
分类：
Web程序 时间：
2014-08-02 10:08:23
阅读次数：
259
在过去的Web开发中，通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展，你完全可以通过几行代码来定制一个漂亮的按钮，并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤，并且非常易于编辑、扩展和定制，你只需要更改代码即可。本文收集了10套基于CS...
分类：
Web程序 时间：
2014-05-28 23:58:37
阅读次数：
718
文字阴影text-shadow的使用方法text-shadow: length length
length color;前三个length分别表示 阴影离开文字的横方向距离（也就是X轴方向），阴影离开文字纵方向的距离
（即Y轴方向），阴影的模糊半径，color是指阴影的颜色专注前端div{ font...
分类：
Web程序 时间：
2014-05-21 17:38:35
阅读次数：
304
