摘要:
動畫 定義動畫 @keyframes 動畫名稱 { form{} 初始狀態,如果和盒子狀態相同可省略 form{} 0%{} 結束狀態to{} 100%{} } @keyframes move { 0% { transform: translate(0); } 100% { transform: t
閱讀全文
摘要:
空間轉換(三維)transform 3D 平移 transform:translateZ() z軸是指垂直屏幕向外的軸 可以實現z軸方向的位置便宜 z軸偏移正值是屏幕向外的反向,負值是屏幕向內的反向 transform:translate3d(x,y,z) <!DOCTYPE html> <html
閱讀全文
摘要:
漸變 background-image:linear-gredient([方向],參數1,參數2,參數3.....) 線性漸變:從一個方向到另外一個方向 參數是指顏色 取值: 參數1:方位 a.方位名詞:to right,to left bottom; b.角度deg,就不用再加to,直接設置角度
閱讀全文
摘要:
平移 CSS語法 transform:translate(X軸偏移量,Y軸偏移量) 取值:可以正負 1.具體的像素單位; 2.百分比(參照盒子自身尺寸) transform:translateX(); transform:translateY(); 如果translate(只有一個值) transl
閱讀全文
摘要:
#字體圖標 ###優點 1.它是一個文本內容,矢量圖,放大不會失真 2.它是文本,所以可以按照文本樣式進行設置 ##使用方法 ###百度搜索iconfont進入阿里巴巴矢量圖標庫--選擇圖標 添加入庫--點擊購物車--添加至項目--下載 沒有項目就默認創建一個noname項目 建議自己創建一個項目
閱讀全文