css3過渡屬性
transition-duration 規定完成過渡效果需要多少秒或毫秒。
transition-timing-function規定速度效果的速度曲線。
transition-delay 定義過渡效果從何時開始。
transition屬性簡寫
css3的 transform 屬性
瀏覽器支援：
2d轉換
2d旋轉
2d縮放
2d傾斜
定義變形原點
3d轉換
perspective 屬性
3d位移
3d旋轉
3d縮放
css3動畫屬性
animation
定義動畫過程
@keyframes 動畫名稱{
0% {動畫開始
100% {動畫結束
animation-duration 完成動畫的時間
animation-timing-function 動畫完成曲線
animation-delay 延時
animation-direction 是否輪流反向
normal 預設正常
animation-play-state 屬性規定動畫正在執行還是暫停。
動畫庫
web前端全棧0基礎到精通（祺）10
多欄布局解決方案 document center left right 優化 品質 使用精靈圖 測試檢查 1 做完的頁面要與設計稿進行比對，保證對設計稿 95 以上的還原度。1 頁面模組的完整性，保證頁面不出現模組丟失 尤其是懸浮的側邊欄 彈窗 下拉列表等 2 字型 字型大小 文字顏色的一致性 3 ...
web前端全棧0基礎到精通（祺）12
css3簡介 css3新增選擇器 以box結尾 包含box 結構性偽類選擇器 last child 選擇器 用於選取屬於其父元素的最後乙個子元素的指定選擇器 nth child n 選擇器 匹配屬於其父元素的第n個子元素，n可以是數字 關鍵字或公式 nth last child 選擇器 匹配屬於其元...
web前端全棧0基礎到精通（祺）19
css 語法 filter 本身生效 backdrop filter 下層標籤生效 filter 描述none 預設值，沒有效果。blur px 給影象設定高斯模糊。radius 一值設定高斯函式的標準差，或者是螢幕上以多少畫素融在一起，所以值越大越模糊 如果沒有設定值，則預設是0 這個引數可設定c...