亚洲天天噜狠狠,亚洲日日伊人久久,AV片在线观看一区二区三区

首頁免費課十天精通CSS3 問答

十天精通CSS3

                
                大漠
            Web前端工程師

                    查看講師更多課程 
                    大漠講師的其他課程
                
Sass進階篇
中級·46637
免費課程
                                
Sass入門篇
中級·104420
免費課程
                                
玩轉Bootstrap（JS插件篇）
中級·128659
免費課程
                                
玩轉Bootstrap（基礎）
初級·314560
免費課程
                                
                難度初級
            
                時長 5小時 0分
            
                學習人數
            
綜合評分9.40
                            485人評價
                        查看評價
                                9.7
                                內容實用
                            
                                9.3
                                簡潔易懂
                            
                                9.2
                                邏輯清晰

全部評論問答未解決精華

慕姐2357210

transition這幾章后面完全可以用animation來代替，換句話說，以后用transition的地方會少之又少。個人建議：不要去背transition的這些屬性名，記住他的簡寫形式就可以了。

1 8-8 CSS3中的動畫--過渡所需時間 transition-duration

2018-04-18

慕姐2357210

煞筆才會分開寫吧，簡寫方式方便多了，不能把大量腦細胞用在背單詞上吧，節約點腦細胞吧用著學其他知識。

0 8-7 CSS3中的動畫--過渡屬性 transition-property

2018-04-18

慕后端5507037

ax+cy+e為移動后的(0,0)x的坐標，bx+dy+f為(0,0)y的坐標

0 8-5 CSS3中的變形--矩陣 matrix()

2018-04-17

天奇農人

border-radius: 100% 應該改為50%

因為正方形四個角都以邊長的一半去倒角即是圓形。也就是說寫成51% 以上都是都是圓形，跟50%的效果是相同的。

動畫是從圓變成方，即倒角由50%減到0。如果寫成border-radius: 100%; 那么動畫是由100%減到0, 而100%先減到50%，需要0.5秒（動畫時間1秒+延遲0.2秒），這段過程圓沒變化，50%減到0，圓變成方，需要0.5秒。這樣延遲就顯得很長，動畫變得很快，讓人感覺很不舒服。

改為 border-radius: 50%; 那么動畫是由50%減到0, 動畫時間1秒，0.2秒的延遲，這樣就好多啦！

1 8-9 CSS3中的動畫--過渡函數 transition-timing-function

2018-04-17

天奇農人

ease 規定慢速開始，然后變快，然后慢速結束的過渡效果（cubic-bezier(0.25,0.1,0.25,1)）。

ease-in 規定以慢速開始的過渡效果（等于 cubic-bezier(0.42,0,1,1)）。

ease-out 規定以慢速結束的過渡效果（等于 cubic-bezier(0,0,0.58,1)）。

ease-in-out 規定以慢速開始和結束的過渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。

4 8-7 CSS3中的動畫--過渡屬性 transition-property

2018-04-17

天奇農人

講述：transition: all 3s ease-in-out .8s;(所有屬性，持續3秒，先加速再減速變化，延遲0.8秒再執行變化，對于零可以省略)。

2 8-7 CSS3中的動畫--過渡屬性 transition-property

2018-04-17

天奇農人

a為元素的水平伸縮量，1為原始大?。?br />
b為縱向扭曲，0為不變；

c為橫向扭曲，0不變；

d為垂直伸縮量，1為原始大??；

e為水平偏移量，0是初始位置；

f為垂直偏移量，0是初始位置

matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());

此函數不常用，了解即可

6 8-5 CSS3中的變形--矩陣 matrix()

2018-04-17

天奇農人

1. top：50%，left：50%，是將色塊的左上角定位在了屏幕的中央，但是，整體并不在中央；

2. translate的百分比是根據自身的寬度和高度來定的，translate(-50%,-50%) 配合 top：50%，left：50% 實現了居中

4 8-4 CSS3中的變形--位移 translate()

2018-04-17

天奇農人

.wrapper:hover div{

opacity: 0.5;

-webkit-transform: scale(0.8);

-moz-transform: scale(0.8);

transform: scale(0.8);

}

這樣就不會閃爍了當鼠標移動到wrapper上時縮放wrapper內的div

0 8-3 CSS3中的變形--縮放 scale()

2018-04-17

天奇農人

input[type="text"]:not(:read-only){
border:2px solid red;
}
與 :read-write效果一樣

0 7-6 CSS3選擇器 :read-write選擇器

2018-04-17

柱子柱子柱子鈺

誤人子弟的求求你別看了，多大個人了，說話不能過過腦子嗎？事情分輕重，說話的語氣也分輕重，學到第九章了，這么點毛病誰看不出來？需要你在這里指責這份教程嗎？少一點戾氣吧 rz玩意兒

0 9-7 CSS3中設置動畫播放方向

2018-04-17

慕仔5637847

不是字母和數字沒用如果一串英文重頭到尾沒空格肯定是放不下的你們可以試下這樣sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss sss

1 10-1 CSS3 多列布局——Columns

2018-04-16

柱子柱子柱子鈺

超生的那個，加個：not ，直觀一點 hhh

1 6-14 CSS3 only-child選擇器

2018-04-16

慕后端5507037

這里最好還是新建一個style.css文件，css太長了很不方便

0 7-8 切換背景圖像綜合練習題

2018-04-14

慕后端5507037

li:not(:only-child) {
background: orange;
}

0 6-14 CSS3 only-child選擇器

2018-04-14

首頁上一頁 12 13 14 15 16 17 18 下一頁尾頁

開始學習

課程須知: 1.html+CSS相關基礎知識 2.具有一定的網頁制作經驗 3.此課程不支持IE9版本以下，建議使用 chrome、safari、firefox、opera瀏覽器學習本課程。

老師告訴你能學到什么？: 1.系統學習CSS3相關知識 2.輕松制作出各種絢麗的效果

微信掃碼，參與3人拼團

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

十天精通CSS3