css3 的一些新屬性

2021-07-22 06:06:38 字數 922 閱讀 8848

1.邊框新屬性 border-radius border-shadow border-image

2.背景新屬性 background-size background-origin –規定背景的定位區域

3.文字效果 text-shadow(文字陰影) word-warp(強制換行)

4.字型 @font-face

5.2d轉換 transform

transform: rotate(30deg); 旋轉

-ms-transform: rotate(30deg);

-webkit-transform: rotate(30deg);

-o-transform: rotate(30deg);

-moz-transform: rotate(30deg);

transform: translate(50px,100px); 移動

transform: rotate(30deg); 旋轉

transform: scale(2,4); 縮放

6.3d轉換 transform: rotatex(120deg);

7.css過渡 transition: width 2s;

8.動畫 @keyframes animation:myfirst 5s; @keyframes myfirstto}

9.多列 column-count 屬性規定元素應該被分隔的列數:

column-gap 屬性規定列之間的間隔:

column-rule 屬性設定列之間的寬度、樣式和顏色規則。

10.使用者介面 resize 屬性規定是否可由使用者調整元素尺寸。

box-sizing 屬性允許您以確切的方式定義適應某個區域的具體內容。

outline-offset 屬性對輪廓進行偏移,並在超出邊框邊緣的位置繪製輪廓。

CSS3 一些屬性

1.flex direction 調整主軸方向 預設為水平方向 包括row column row reverse column reverse 2.justify content 主軸方向對齊,可以調整元素在主軸方向上的對齊方式,包括flex start flex end center space ...

css3一些屬性

1.第乙個引數預設朝外,可設定朝內inset或者不寫 2.第二個引數必須寫,左右水平偏移量 3.第三個引數必須寫,上下垂直偏移量 4.第四個引數可選,擴散blur寬度 5.第五個引數可選,顏色 box shadow裡面引數可以疊加,eg box shadow inset 1px 1px 1px pi...

css3的一些屬性

以前還沒有注意過css的一些屬性,近期發現有一些樣式很好用,現在整理一遍。keyframes 規定動畫 可以通過keyframes 改變乙個塊的樣式當然這是要配合animation屬性來結合的 keyframes mymove mymove必須定義動畫的名稱在 100 moz keyframes m...