課程
/前端開發
/HTML/CSS
/十天精通CSS3
如題。當進一步把子元素??img 和 .information 上的? transition 刪掉以后也可以運行,并未看到什么差別?
2015-05-10
源自:十天精通CSS3 12-4
正在回答
我認為老師有重復的地方,比如出現.item .information{ 樣式}這段代碼中,其實應該去掉.item。
在刪除img和.information的transition肯定能運行,畢竟transition是漸變動畫這一類的,并不屬于移動旋轉。
其實這里主要分2次設置動畫樣式:
是設置.item的3d動畫 (即鼠標經過 實現翻轉 )
總的動畫效果達到了,就需要在鼠標沒有經過時item里的內容需要怎么排列(即圖片在前面 文字是不可見即與X軸平行的),要實現這個效果所以就得分別給img和.information設置他們的初始位置
所以這里多次用到 transition transform 都是在不同階段給元素設置不同的動畫
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
3 回答這個backgroun樣式是添加在了父元素上還是子元素上了
1 回答偽元素那為什么要設置絕對定位?
2 回答偽元素設置了分割線為什么不起作用
5 回答關于transition的設置有什么限制么?以下代碼不能實現過度動畫
2 回答不用100%設置寬度?那用什么設置呢?媒體查詢元素么?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-07-28
我認為老師有重復的地方,比如出現.item .information{ 樣式}這段代碼中,其實應該去掉.item。
在刪除img和.information的transition肯定能運行,畢竟transition是漸變動畫這一類的,并不屬于移動旋轉。
其實這里主要分2次設置動畫樣式:
是設置.item的3d動畫 (即鼠標經過 實現翻轉 )
總的動畫效果達到了,就需要在鼠標沒有經過時item里的內容需要怎么排列(即圖片在前面 文字是不可見即與X軸平行的),要實現這個效果所以就得分別給img和.information設置他們的初始位置
所以這里多次用到 transition transform 都是在不同階段給元素設置不同的動畫