最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

CSS3圖片動(dòng)態(tài)提示效果

jack.xu Web前端工程師
難度初級(jí)
時(shí)長(zhǎng) 1小時(shí)12分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.53
159人評(píng)價(jià) 查看評(píng)價(jià)
9.9 內(nèi)容實(shí)用
9.3 簡(jiǎn)潔易懂
9.4 邏輯清晰

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

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

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

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

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

已采納回答 / 青春有陣叛逆的風(fēng)
@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后面加了";"號(hào)導(dǎo)致響應(yīng)事...

已采納回答 / tyc1
那是因?yàn)?,你沒有給每個(gè)figure設(shè)置position:relative吧,如果設(shè)置了的話。應(yīng)該每個(gè)figure下的子元素會(huì)相對(duì)它的父元素絕對(duì)定位的

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

已采納回答 / 啃著西瓜曬太陽
不一樣的概念,hover懸停的p更詳細(xì)點(diǎn),p標(biāo)簽是html所有標(biāo)簽

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

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

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

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!

本次提問將花費(fèi)2個(gè)積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消