邊框:
border-radios 添加圓角邊框
border-shadow:給框添加陰影 (水平位移涧郊,垂直位移,模糊半徑荤牍,陰影尺寸尸折,陰影顏色啰脚,insetr(內(nèi)/外部陰影))
border-image:設(shè)置邊框圖像
border-image-source 邊框圖片的路徑
border-image-slice 圖片邊框向內(nèi)偏移
border-image-width 圖片邊框的寬度
border-image-outset 邊框圖像區(qū)域超出邊框的量
border-image-repeat 圖像邊框是否平鋪(repeat 平鋪 round 鋪滿stretch 拉伸)
背景:
Background-size 背景圖片尺寸
Background-origin規(guī)定background-position屬性相對于什么位置定位
Background-clip 規(guī)定背景的繪制區(qū)域(padding-box,border-box实夹,content-box)
漸變:
Linear-gradient()線性漸變
Radial-gradient()徑向漸變
文本效果:
Word-break:定義如何換行
Word-wrap:允許長的內(nèi)容可以自動換行
Text-overflow:指定當文本溢出包含它的元素橄浓,應該干啥
Text-shadow:文字陰影(水平位移,垂直位移亮航,模糊半徑荸实,陰影顏色)
轉(zhuǎn)換:
Transform 應用于 2D3D 轉(zhuǎn)換,可以將元素旋轉(zhuǎn)缴淋,縮放准给,移動泄朴,傾斜
Transform-origin 可以更改元素轉(zhuǎn)換的位置,(改變 xyz 軸)
Transform-style 指定嵌套元素怎么樣在三位空間中呈現(xiàn)
2D 轉(zhuǎn)換方法:
rotate 旋轉(zhuǎn) translate(x圆存,y)指定元素在二維空間的位移 scale(n)
定義縮放轉(zhuǎn)換
3D 轉(zhuǎn)換方法:
Perspective(n)為 3D 轉(zhuǎn)換 translate rotate scale
過渡:
Transition-proprety 過渡屬性名
Transition-duration 完成過渡效果需要花費的時間
Transition-timing-function 指定切換效果的速度
Transition-delay 指定什么時候開始切換效果
動畫:
Animation-name 為@keyframes 動畫名稱
animation-duration 動畫需要花費的時間
animation-timing-function 動畫如何完成一個周期
animation-delay 動畫啟動前的延遲間隔
animation-iteration-count 動畫播放次數(shù)
animation-direction 是否輪流反向播放動