- 博客(8)
- 收藏
- 关注
原创 CSS3中的transform变形
在CSS3中,用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形,这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用,就会产生不同的效果,使用顺序不同,产生的效果是不一样的。 目
2011-10-16 23:27:31 811
原创 CSS3动画之二:Animations功能
Animations功能与Transitions功能相同,都是通过改变元素的属性值来实现动画效果,不同之处是:Transitions功能只能通过改变指定属性的开始值与结束值,然后再这两个属性值之间进行平滑的过渡来实现动画效果。所以Transitions功能不能实现比较复杂的动画效
2011-10-08 22:12:51 3891
原创 CSS3动画之一:Transitions功能
在页面里加入些动画,可以是页面更加生动活泼,使用CSS3的动画功能,可以使页面上的文字或图像具有动画功能。比如说背景色从一种颜色,平滑的过度到另一种颜色。CSS3中的动画功能有两种,Transitions和Animations。这两种功能都可以通过改变CSS中的属性值来产生动画效
2011-10-01 00:00:42 707
原创 CSS实现垂直居中的几种方法
最近上网上找了些关于CSS实现垂直居中的方法,方法挺多,下面就我看到的几种好方法在这里说明一下,使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效,因此,到底选择哪种方法好,还要看具体情况。 方法一: 这个方法把一些 div 的显示方式设置为表格,因此我们
2011-08-30 23:28:31 360
原创 CSS3属性之二:box-shadow
<br /> 语法:<br />box-shadow:<length> <length> <length> <length> || <color>取值:<length> <length> <length>? <length>? || <color>:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 说明:<br />设置块阴影<br /><br />box-shadow这个属性应用的非常普遍,可以使你的元素立刻变得漂亮起来,只是记得不要把值设得太离谱。<br />box-sh
2011-03-24 09:23:00 722
原创 CSS3的几个属性
<br />一、边框圆角效果:<br /> <br /><br /> <br />如图所示:矩形的四个角为圆角,半径为10px.<br /> <br /> <br />二、容器阴影效果:<br /> <br /><br /> <br /> <br />三、文字投影:<br /> <br /><br /> <br /><br />四、RGBA:<br /> <br /><br /> <br />RGB为颜色值,A为Alpha透明度<br />
2011-03-09 17:45:00 519
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人