05CSS3的新特性

2021-10-10 17:56:54 字數 429 閱讀 9514

css3是對css2.1的乙個公升級版,它是對css的乙個擴充套件

選擇器陰影

形狀轉換(2d<->3d)

變形動畫(過渡動畫、幀動畫)

邊框多重背景

反射文字

顏色(rgba/hsl/hsla)

濾鏡彈性布局

多列布局

盒模型web字型

**查詢

css3不是所有瀏覽器或同一瀏覽器的不同版本都支援,所有需要做相容性處理, 通常的做法:加上廠商的字首

1、主流瀏覽器核心

tips(技巧):

目前國內的瀏覽器大多數都是雙核的(ie核心+chrome核心)

2、廠商字首

responsive design,在實現不同螢幕解析度的終端上瀏覽網頁的不同展示方式

css3的新特性

1.文字陰影text shadow text shadow 偏移量x 偏移量y 模糊度 顏色 注意 水平偏移量 正值向右,負值向左 垂直偏移量 正值向下,負值向上 模糊度不能為負數 可設定多個text shadow,每個用逗號分隔 例子 text shadow 1px 2px 3px red,2px...

css3新的特性

圓角邊框border radius 水平值 垂直值 border top left radius 1px 2px 設定左上角圓角 border bottom right radius 設定左下角圓角 border top left radius 設定右上角圓角 border bottom right...

CSS3的新特性

css3實現圓角 border radius 陰影 box shadow 對文字加特效 text shadow 線性漸變 gradient 旋轉 transform transform rotate 9deg scale 0.85,0.90 translate 0px,30px skew 9deg,...