css3动态前半部分

来源:互联网 发布:仓鼠用品淘宝 编辑:程序博客网 时间:2024/06/05 21:13

css3颜色属性


opacity:不透明度(取值0~1不透明度增大)。
rgba:(红色,绿色,蓝色,透明度)说白了就是用三种颜色通过一定的比例得到其他颜色。
fitlter:只有ie浏览器用,其他浏览器用opacity。

linear-gradient

  1. 线性渐变(point ,color,percentage)
  2. tip:渐变是css的属,这儿属性应用于background-image身上。
  3. 重复线性渐变:repeating-linear-gradient。

radial-gradient

径向渐变
a. 径向渐变标准化程度低,不能够实用to方向的关键词。
b.只能够使用关键词来表示前缀,需要加前缀。

css3边框圆角

  1. border-radius(length或%)来表示圆角的弯曲程度。
  2. border-top-right-rdius:右上角圆角
  3. border-top-left-radius:做上脚圆角
  4. border-bottom-right-radius:右下角圆角
  5. border-bottom-left-radius:左下角圆角

css3box-shadow

  1. h-shadow:水平阴影的位置
  2. v-shadow:竖直阴影的位置
  3. blur:模糊程度
  4. spread:阴影的大小
  5. color:阴影的颜色
  6. insert:将外部阴影改为内部阴影
    (例:20px 20px 1 10px red insert)

css3分栏布局

  1. column-width:栏目宽度
  2. column-count:栏目列数
  3. column-gap:栏目间隔
  4. column-rule:栏目间隔线(column-rule-color和column-rule-style)
  5. column-span:元素横跨列数
  6. columns:简写列宽和列数

css3过度效果

  1. trasition:简写属性
  2. trasition-property:设置参数css参加过度效果的属性(no|all)
  3. trasition-duration:过度时间
  4. trasition-timing-function:过度曲线(x1,y1,x2,y2)
  5. transition-delay:延迟