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

為了賬號安全,請及時綁定郵箱和手機立即綁定

CSS動畫實用技巧

car
課程不錯,就是沒有在線練習,原則上這樣都可以在線練習。

最新回答 / Start0
你在style樣式表里的所有通過.【點】來設置的樣式,必須要在其對應的html中有相應的類來調用該樣式。類似你給div添加背景圖的style="...",你可以通過class="..."來調用你在<style type="text/css">里的樣式。具體細節你可以了解一下,HTML + CSS 基礎課程 第八章,有詳細介紹。
好多代碼寫的源碼跟講的都不一樣。
差評。。。 這么小的字看都看不清,你自己分的上下好看 我們看代碼跟螞蟻 一樣
看完了,課程很不錯。課程都是干貨。
與評論有關的代碼已放在問答中

最新回答 / 慕粉4084146
43行的代碼:.warp:hover .info{transform:rotate(-180deg);color:rgba(0,0,0,1);}30行的代碼:color:rgba(0,0,0,0);就可以用了,顏色效果自己改吧?
border放在warp層,圖片作為info的背景,warp旋轉時,給info來一個反向旋轉就行了。
不過這樣會有一個小問題,就是hove warp層的border時會有單向旋轉,結合JavaScript應該能完美解決
剛學完動畫來看看實戰,首先感謝老師的奉獻。不過也發現幾個小問題
1,a標簽其實不能嵌套塊級元素的
2,DOM層級比較混亂。
其實可以這樣優化:
&lt;body&gt;
&lt;div class=&quot;warp&quot;&gt;
&lt;div class=&quot;info&quot;&gt;
&lt;h3&gt;美好的一天&lt;/h3&gt;
&lt;a&gt;想進來看看嗎?&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
我也跟著寫了一個 (但貌似兼容性有點小問題) 大家可以試試看哈 :)
http://www.mike652638.com/projects/Img%20Rotate%20CSS3.html
啥玩意, 講給自己聽的,代碼也看不到,只講效果,鬼知道怎么實現的
差評。。。
講的還可以,后面有些章節對制作做動畫中還是挺有幫助的
課程須知
本課程適合HTML和CSS有一些實踐的童鞋們。需要對CSS3有基本的了解。
老師告訴你能學到什么?
1、常用的CSS3動畫屬性介紹 2、介紹4個實用的動畫技巧 3、如何一步步實現一個CSS3 Hover特效

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消