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

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

CSS3圖片動態提示效果

jack.xu Web前端工程師
難度初級
時長 1小時12分
學習人數
綜合評分9.53
159人評價 查看評價
9.9 內容實用
9.3 簡潔易懂
9.4 邏輯清晰

最新回答 / qq_慕前端8152985
transition: transform 0.5s;去掉就好了

最新回答 / qq_慕桂英0389702
<figure>
??<img?src="xxx.jpg"?width="350"?height="234"?/>
</figure>

最新回答 / 藍眼睛的藍精靈
<figcaption>?標簽是?HTML?5?中的新標簽<figcaption>?標簽定義?figure?元素的標題。"figcaption"?元素應該被置于?"figure"?元素的第一個或最后一個子元素的位置。?Figure,<figure>?標簽規定獨立的流內容(圖像、圖表、照片、代碼等等)。figure?元素的內容應該與主內容相關,但如果被刪除,則不應對文檔流產生影響。瀏覽器支持所有主流瀏覽器都支持?<figure>?標簽。使用:<figur...

最新回答 / qq_淡忘詮釋著壹切_2
transform: skew(0deg)屬性應該放在h2和p標簽中

最新回答 / 慕瓜2735297
transform-origin:0 元素高度值;

最新回答 / qq_幸福落雨_0
<!DOCTYPE html><html><head>? ? <meta charset="UTF-8" />? ? <title>Document</title>? ? <style type="text/css" media="screen">? ? ? ? body,figure,figcaption,h2,p,img {? ? ? ? ? ? margin: 0;? ? ? ? ? ? padding: 0;? ?...

最新回答 / helen_papa
可能是兼容性問題,-webkit-transform:translate(0px,0px) rotate(0deg);??? -moz-transform:translate(0px,0px) rotate(0deg);??? transform:translate(0px,0px) rotate(0deg);加上前綴,另外那個div后面rotate要空格,不能挨著寫

最新回答 / 一楓紅葉QIU
貼代碼上來看看

最新回答 / i_believe_hjf
我感覺好像跟transition寫在一起就沒事,真的無解

最新回答 / i_believe_hjf
發現了,竟是大意打錯了。。。。transfrom:all 0.35s--->transition:all 0.35s;就行了

最新回答 / qq_玲玲的大_04311806
@media screen and (max-width: 700px){? ? ? ? ? ? ?html{? ? ? ? ? ? ? ? font-size: 10px;? ? ? ? ? ? ?}? ? ? ? ?}一般媒體查詢常用于移動端開發,比如說你的頁面最后會使用在手機上和PC上,手機的屏幕比較小,我們可以把字體設置的小一點,上面應用到html的字體大小規則只會在屏幕尺寸寬度小于700px的時候生效。當然除了尺寸,也可以用媒體查詢區分設備類型,比如顯示器,打印機之類的。

最新回答 / qq_玲玲的大_04311806
可以這樣理解,skew 應用在一個矩形上,會保持高度不變,寬度相對變化。比如一個100px的正方形,當skew(60deg)之后,原本豎著的那條邊變成傾斜狀態,與豎直方向呈60°的角度。你想想有一個在三角形內部有兩個角度為90的角度是什么情況,衍生出的底邊由于tan90°會等于無窮大。如果瀏覽器沒有相關的措施。會導致你應用的那個元素的寬為無窮大。

最新回答 / 宛在水中沚a
代碼被覆蓋了應該是? 你看怎么把代碼給我 我看看
首頁上一頁1234567下一頁尾頁
課程須知
1、您要具備HTML和CSS基礎知識 2、了解CSS3中的動畫。
老師告訴你能學到什么?
1,學會兩個HTML5新標簽figure以及figcaption 2,學會使用CSS的transform 3,學會使用CSS3的transition 4,學會利用屬性配合制作出絢麗的動畫效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消