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

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

CSS3圖片動態提示效果

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

已采納回答 / 慕圣3658614
是你的圖片寬度不夠吧,演示用的圖片比較寬,取了33%的寬度然后超出部分隱藏,就有了多余的寬度

已采納回答 / 一楓紅葉QIU
在head中可以將樣式寫到style標簽中,或者外部引入,專門新建 樣式名.css?文件,通過link引入

已采納回答 / qq_玲玲的大_04311806
你的transform效果本來就是寫在hover偽類屬性里面的,移開之后,沒有應用這個樣式,肯定沒有了撒。

已采納回答 / V小隊
<!DOCTYPE html><html> <head> ????<meta charset="UTF-8"> ????<title>V小隊出品,可隨時私聊~</title>? ????<style type="text/css">???????? #div{???????? width: 500px;???????? height: 500px;???????? background: dar...

已采納回答 / V小隊
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>V小隊出品,可隨時私聊~</title>? <style type="text/css"> #div{ width: 500px; height: 500px; background: darkcyan; margin: 20px auto; position: rel...

已采納回答 / 青春有陣叛逆的風
@media screen and (max-width: 600px){ figure{width:100%} } @media screen and (min-width: 601px) and (max-width: 1000px){ figure{width: 50%} }? ? @media screen and (min-width: 1001px){? ? ? ? ? figure{width: 33.33%}? ? }有可能是你在max-width:600px后面加了";"號導致響應事...

已采納回答 / tyc1
那是因為,你沒有給每個figure設置position:relative吧,如果設置了的話。應該每個figure下的子元素會相對它的父元素絕對定位的

已采納回答 / 我想做前端大牛
在兩個div外再包一層div<div class='wrap'><div class="one"></div><div class="two"></div></div>然后在父級元素使用hovor。transition要用在變形的元素上,不是用在hover的時候,transition是一個狀態,當某元素變形時進行的屬性比如.one類選擇器的元素變形就用在這個選擇器的css樣式里.one{transition:all 1s ease;}...

已采納回答 / 啃著西瓜曬太陽
不一樣的概念,hover懸停的p更詳細點,p標簽是html所有標簽

已采納回答 / PARADISELIN
你自己給figure的類名是text1,你寫成text了

已采納回答 / 傾昀
是的,第一個延遲0.05秒就是從開始0.05秒執行,第二個延遲0.1秒就是從0.1秒開始執行,單個對象的延遲超過0.35秒就不執行了

已采納回答 / zhangxs
? ? 需要在p不是hover狀態的時候同樣設置transition屬性,這樣就不是同時全部消失了 ??????.test1 p {? ? ? ? ? transform: translate(-150px, 0);? ? ? ? ? transition: all 1s;? ? ? ?}? ? ? ?.test1:hover p {? ? ? ? ? transform: translate(0, 0);? ? ? ? ? transition: all 1s;? ? ? ?}? ? ? ?.test1...
首頁上一頁12下一頁尾頁
課程須知
1、您要具備HTML和CSS基礎知識 2、了解CSS3中的動畫。
老師告訴你能學到什么?
1,學會兩個HTML5新標簽figure以及figcaption 2,學會使用CSS的transform 3,學會使用CSS3的transition 4,學會利用屬性配合制作出絢麗的動畫效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消