摘要：
http://www.17sucai.com/http://www.xwcms.net/ 阅读全文
posted @ 2014-02-12 17:38
我爱喜羊羊
阅读(119)
评论(1)
推荐(0)
摘要：
http://www.w3cplus.com/ 阅读全文
posted @ 2014-02-12 17:37
我爱喜羊羊
阅读(97)
评论(0)
推荐(0)
摘要：
-webkit-animation:仍旧是一个复合属性，-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性（1） -webkit-animation-name 这个属性的使用必须结合@-webkit-keyframes一起使用eg: @-webkit-keyframesfontchange{0%{font-size:10px;}30%{font-size:15px;}100%{font-siez:12px;}}百分比的意思就是duration的百分比，如果没有设置du 阅读全文
posted @ 2014-02-12 17:33
我爱喜羊羊
阅读(1466)
评论(0)
推荐(0)
摘要：
在页面里加入些动画，可以是页面更加生动活泼，使用CSS3的动画功能，可以使页面上的文字或图像具有动画功能。比如说背景色从一种颜色，平滑的过度到另一种颜色。CSS3中的动画功能有两种，Transitions和Animations。这两种功能都可以通过改变CSS中的属性值来产生动画效果。本文简单介绍一下Transitions功能的使用方法。 到目前为止，支持CSS3中的Transitions功能的浏览器有：Firefox 4+ 、Opera 10+、Safari 3.1+、Chrome 8+等，transitions属性的使用方法如下： transition: property duratio.. 阅读全文
posted @ 2014-02-12 17:30
我爱喜羊羊
阅读(202)
评论(0)
推荐(0)
摘要：
Animations功能与Transitions功能相同，都是通过改变元素的属性值来实现动画效果，不同之处是：Transitions功能只能通过改变指定属性的开始值与结束值，然后再这两个属性值之间进行平滑的过渡来实现动画效果。所以Transitions功能不能实现比较复杂的动画效果；Animations功能可以定义多个关键帧以及定义每个关键帧中元素的属性值来实现复杂的动画效果。 首先明白了Animations功能的工作原理，下面就通过一个实例来看一下Animations功能的用法：（到目前为止Safari 4+、Chrome 2+对Animations功能提供支持）。代码如下： 1 2 ... 阅读全文
posted @ 2014-02-12 17:29
我爱喜羊羊
阅读(170)
评论(0)
推荐(0)
摘要：
在CSS3中，用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形，这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用，就会产生不同的效果，使用顺序不同，产生的效果是不一样的。 目前浏览器支持情况：Safari 3.1+、 Chrome 8+、Firefox 4+、Opera 10+、IE9+ 一、旋转： CSS中使用rotate方法来实现对元素的旋转，在参数中加入角度值，旋转方式为顺时针旋转。 例一：一个黄色的div元素，通过在样式代码中使用“transform: rotate(45deg)”，... 阅读全文
posted @ 2014-02-12 17:28
我爱喜羊羊
阅读(122)
评论(0)
推荐(0)
浙公网安备 33010602011771号