摘要: http://blog.csdn.net/liyantianmin/article/details/46618327 阅读全文
posted @ 2017-09-02 22:39 QiaoZhi 阅读(739) 评论(0) 推荐(0) 编辑
摘要: CSS3 动画 CSS3,我们可以创建动画,它可以取代许多网页动画图像,Flash动画,和JAVAScripts。 CSS3 @keyframes 规则 要创建CSS3动画,你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和 阅读全文
posted @ 2017-09-02 15:22 QiaoZhi 阅读(363) 评论(0) 推荐(0) 编辑
摘要: CSS3中,我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用Flash动画或JavaScript. 它是如何工作? CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。 要实现这一点,必须规定两项内容: 指定要添加效果的CSS属性 指定效果的持续时间。 实例 应用于宽度属性的过渡效果 阅读全文
posted @ 2017-09-02 15:11 QiaoZhi 阅读(336) 评论(0) 推荐(0) 编辑
摘要: CSS3 允许您使用 3D 转换来对元素进行格式化。 在本章中,您将学到其中的一些 3D 转换方法: rotateX() rotateY() rotateX() 方法 rotateX()方法,围绕其在一个给定度数X轴旋转的元素 rotateY() 方法 rotateY()方法,围绕其在一个给定度数Y 阅读全文
posted @ 2017-09-02 15:04 QiaoZhi 阅读(209) 评论(0) 推荐(0) 编辑
摘要: CSS3转换,我们可以移动,比例化,反过来,旋转,和拉伸元素。 2D 转换 在本章您将了解2D变换方法: translate() rotate() scale() skew() matrix() translate() 方法 translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从 阅读全文
posted @ 2017-09-02 15:00 QiaoZhi 阅读(231) 评论(0) 推荐(0) 编辑
摘要: CSS3中包含几个新的文本特征。 在本章中您将了解以下文本属性: text-shadow box-shadow text-overflow word-wrap word-break CSS3 的文本阴影 CSS3 中,text-shadow属性适用于文本阴影。 您指定了水平阴影,垂直阴影,模糊的距离 阅读全文
posted @ 2017-09-02 14:52 QiaoZhi 阅读(658) 评论(0) 推荐(0) 编辑
摘要: 参考: http://www.runoob.com/css3/css3-gradients.html CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的事件 阅读全文
posted @ 2017-09-02 14:43 QiaoZhi 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 参考: http://www.runoob.com/css3/css3-tutorial.html CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。 一些最重要CSS3模块如下: 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 1.CSS3边框: 用 CS 阅读全文
posted @ 2017-09-02 14:37 QiaoZhi 阅读(366) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-09-02 14:10 QiaoZhi 阅读(634) 评论(0) 推荐(0) 编辑
摘要: HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何 打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。 简单的介绍一下其 阅读全文
posted @ 2017-09-02 14:05 QiaoZhi 阅读(975) 评论(0) 推荐(0) 编辑
摘要: 我们写跑马灯一般都是用js控制定时器不断循环产生,但是定时器消耗比较大,特别是程序中很多用到定时器的时候,感觉有的时候比较卡。但是css3样式一般不会。这里主要的思路就是用css3代替js定时器实现一个简单的跑马灯。 1、基本思路 这次demo主要是通过css3中的animation动画实现,借助t 阅读全文
posted @ 2017-09-02 12:11 QiaoZhi 阅读(8474) 评论(0) 推荐(0) 编辑