為什么在 .item 上設(shè)置了 transition 以后還要在兩個(gè)子元素 img 和 .information 上再設(shè)置一次 transition ？
如題。當(dāng)進(jìn)一步把子元素??img 和 .information 上的? transition 刪掉以后也可以運(yùn)行，并未看到什么差別？
muge10
2015-05-10
1 回答
舉報(bào)
0/150
提交
取消
2015-07-28
我認(rèn)為老師有重復(fù)的地方，比如出現(xiàn).item .information{ 樣式}這段代碼中，其實(shí)應(yīng)該去掉.item。
在刪除img和.information的transition肯定能運(yùn)行，畢竟transition是漸變動(dòng)畫這一類的，并不屬于移動(dòng)旋轉(zhuǎn)。
其實(shí)這里主要分2次設(shè)置動(dòng)畫樣式：
是設(shè)置.item的3d動(dòng)畫 （即鼠標(biāo)經(jīng)過(guò) 實(shí)現(xiàn)翻轉(zhuǎn) ）
總的動(dòng)畫效果達(dá)到了，就需要在鼠標(biāo)沒(méi)有經(jīng)過(guò)時(shí)item里的內(nèi)容需要怎么排列（即圖片在前面 文字是不可見(jiàn)即與X軸平行的），要實(shí)現(xiàn)這個(gè)效果所以就得分別給img和.information設(shè)置他們的初始位置
所以這里多次用到 transition transform 都是在不同階段給元素設(shè)置不同的動(dòng)畫