HTML5+CSS3
Gemini_Cat
Hello,World!
展开
-
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 · 523 阅读 · 0 评论 -
CSS3属性之一:border-radius
通过两个例子来学习CSS3 中的border-radius属性,原创 2011-03-11 17:20:00 · 1371 阅读 · 0 评论 -
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 · 728 阅读 · 0 评论 -
表格拖动
表格拖动表头可改变宽度。原创 2011-07-11 22:57:16 · 495 阅读 · 0 评论 -
CSS实现垂直居中的几种方法
最近上网上找了些关于CSS实现垂直居中的方法,方法挺多,下面就我看到的几种好方法在这里说明一下,使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效,因此,到底选择哪种方法好,还要看具体情况。方法一:这个方法把一些 div 的显示方式设置为表格,因此我们原创 2011-08-30 23:28:31 · 365 阅读 · 0 评论 -
CSS3动画之二:Animations功能
Animations功能与Transitions功能相同,都是通过改变元素的属性值来实现动画效果,不同之处是:Transitions功能只能通过改变指定属性的开始值与结束值,然后再这两个属性值之间进行平滑的过渡来实现动画效果。所以Transitions功能不能实现比较复杂的动画效原创 2011-10-08 22:12:51 · 3895 阅读 · 0 评论 -
CSS3动画之一:Transitions功能
在页面里加入些动画,可以是页面更加生动活泼,使用CSS3的动画功能,可以使页面上的文字或图像具有动画功能。比如说背景色从一种颜色,平滑的过度到另一种颜色。CSS3中的动画功能有两种,Transitions和Animations。这两种功能都可以通过改变CSS中的属性值来产生动画效原创 2011-10-01 00:00:42 · 716 阅读 · 0 评论 -
CSS3中的transform变形
在CSS3中,用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形,这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用,就会产生不同的效果,使用顺序不同,产生的效果是不一样的。 目原创 2011-10-16 23:27:31 · 818 阅读 · 0 评论