1.漸變：gradients
水平漸變 linear gradients
語法： background：linear-gradient（direction，color1，color2，........）；
direction
1：這個引數可以省略 如果省略了預設方向是從上到下；
2.這個引數如果不省略， 寫方向的起始值top（從上到下） left（從左到右）
3.如果這個引數不省略 這個屬性前面需要加字首或者是to 終點方向；
4.對角漸變
5.角度 deg 0代表從下到上，90deg代表從左到右
6.漸變的過程
2.徑向漸變 radial gradients
起點是中心點，向四周漸變
1.shape 引數可以省略，如果省略預設是ellipse（橢圓形），還有個值是circle代表圓
2.background的簡寫
背景大小可以是具體的畫素值，也可以是百分比；
3.background-origin 背景的起點
2d轉換：
屬性是transform
屬性值是 translate（）rotate（）scale（）skew（）
translate 平移
語法 translate（x，y）
1.只有乙個值 代表水平平移
2.兩個值代表水平和垂直方向上平移的距離
3.x和y可以為負值 負值代表正數的相反方向
4.相容性的寫法
rotate 旋轉
語法 transform：rotate（）
1.引數是數字 1代表當前元素的一倍不變 大於1變大，小於1變小
2.如果是乙個引數 水平和垂直變化的值是一樣的
3.如果是兩個值 水平乙個 垂直乙個
4.相容性
skew 拉伸
2.3d轉換
1.這些平移，旋轉等方法不再是圍繞面，而是圍繞軸
2.這些旋轉元素的父級需要給予視距的屬性 perspective
語法：1.transform：rotatex（）
2.transform-origin：元素轉換的位置 預設值是50% 50% 0這個點
第乙個值是x軸 第二個是y軸 第三個是z軸
xy的值可以是單詞left length % 但是z的值只能是length
3.transform-style 規定被巢狀元素在3d空間中如何顯示，值flat是預設的 perserve-3d
4.perspective-origin：50% 50% 元素轉換所指向的方向，就是漸漸消失的那個方向。
5.perspective 這個屬性是視距的視距，是一種近大遠小的效果
6.backface-visibility visible（背面可見） hidden 背面不可見
3.transition 過渡
上面是transition的縮寫 最後乙個是延遲 即便是0 也得加單位
4.動畫 animation
animation：name duration timing-function delay iteration-count direction
animation-play-state：paused；動畫停止
animation-fill-mode：forwards；動畫完成停留在末尾，不返回原來的位置。
@keyframes 用來定義動畫
語法： @-webkit-keyframes 動畫名
標準瀏覽器的寫法，內容字型跟著一起有透明度。
background：rgba（255,2,2，3）標準瀏覽器擁有的，但是元素內容不跟著一起透明。
在ie8以下 透明度的寫法 filter：alpha（opciaty=30）
2023年5月24日 2023年5月24日
2010年5月24日那天晚上,我下班回家,吃完飯,雖然我不記得是自己做的飯還是買回來吃的.我捧起了 第五版 開始了我的程式生涯.在那之前是我研究了6個月還是8個月開了我的傳奇私服,十分對戰 接著是2個月的運營後花光了所有積蓄,聽起來挺嚇人,其實就5000塊而已.在這之前,是我剛開始參加工作,就感覺自...
2023年5月24日 2023年5月24日
今天是第六年.我可能要感謝那天的自己吧,窗外是熙攘的歡聲笑語,我吃完了晚飯趁著太遠還沒下山,捧著我那本 去年到今年這一年,先是度過了找工作的困擾.之後憤然離開布斯來到了北京.當時加入一家不是做遊戲的公司,我是很抗拒的.畢竟是工作後第一次離開遊戲圈,加入家具圈.當時的考慮就是一是投了那麼多簡歷,那個於...
2023年5月5日日誌
最近幾日很糾結，事情很多，因為我這個剛滿23歲的人同時也要大專畢業了，不過能否拿到畢業證卻還是未知之數 事情很多 多修了4個學分，昨天在財務處一下子就花掉了我260悶，真是割肉的痛啊，瞬間就從吃喝不愁跌落到渾身上下只有10來塊的窘境。不過比起我寢室裡的另乙個同學的520悶，還只能算是小case了，最...