第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

jack.xu Web前端工程師
難度初級
時長 1小時12分
學(xué)習(xí)人數(shù)
綜合評分9.53
159人評價 查看評價
9.9 內(nèi)容實用
9.3 簡潔易懂
9.4 邏輯清晰
  • transition: property duration timing-function delay; 可單獨寫:transition-..... ?property: 過渡屬性 fransform (必寫值) ? ? ? ? ? ? ? ? 值為all時該大括號的所有類型都執(zhí)行transition中的值 ?duration:動畫持續(xù)時間 (必寫值) ?timing-function:動畫類型,默認(rèn)平移:ease-out ?Linear ease ease-in變加速 ease-in-out rotate旋轉(zhuǎn) ?delay:延遲時間開始運(yùn)動

    查看全部
  • transform屬性:<br> <br> 1、translate(水平)-- transform:translate(10px,10px);<br> <br> 2、rotate(旋轉(zhuǎn))-- transform:rotate(90deg);<br> <br> 3、scale(縮放)-- transform:scale(0.5,,0.5);<br> <br> 4、skew(斜切)-- transform:skew(50deg,,0deg);

    查看全部
  • transform

    translate ( ) ; ? rotate ( ) ; ? scale ( ) ; ? skew ( ) ;

    查看全部
  • 響應(yīng)式布局: 屏幕大小變化: 小于值:@media screen and (max-width:值){ css樣式(例:img{width:50%;}) } 大于值:@media screen and (min-width:值){ css樣式(例:img{width:50%;}) } 之間值:@media screen and (max-width:值1) and (min-width:值2){ css樣式(例:img{width:50%;}) } 附加:百度解釋響應(yīng)式布局 在中加 user-scalable = no 屬性能夠解決 iPad 切換橫屏之后觸摸才能回到具體尺寸的問題。 @media screen and (max-width: 980px) { #head { width: 100% } #content { … } #footer { … } } /** iPad **/ @media only screen and (min-width: 768px) and (max-width: 1024px) {} /** iPhone **/ @media only screen and (min-width: 320px) and (max-width: 767px) {}
    查看全部
  • 超出部分隱藏 overflow:hidden 半透明 opacity:值(小于1) 文字居中 text-align:center 內(nèi)邊距 padding:值 平移 transform:translate(值1,值2) div邊框 border:值(粗細(xì)) solid(實體) red(顏色) hover:鼠標(biāo)放入對象所發(fā)生的事件 nth-of-type(1):同級兄弟標(biāo)簽的第一個標(biāo)簽 鏈接css: transition: property duration timing-function delay; 可單獨寫:transition-..... property: 過渡屬性 fransform (必寫值) 值為all時該大括號的所有類型都執(zhí)行transition中的值 duration:動畫持續(xù)時間 (必寫值) timing-function:動畫類型,默認(rèn)平移:ease-out Linear ease ease-in變加速 ease-in-out rotate旋轉(zhuǎn) delay:延遲時間開始運(yùn)動 注:rotate(角度)旋轉(zhuǎn)動畫 skew(角度)斜切動畫 scale(數(shù)值,數(shù)值)縮放動畫 deg度數(shù)
    查看全部
  • 對外部容器限制寬度后,如果(圖片)元素長度大于容器,應(yīng)該使用overflow:hidden來將超出部分隱藏
    查看全部
    0 采集 收起 來源:HTML基本樣式

    2018-02-21

  • 將第一個屬性值寫成all,出現(xiàn)漸變效果
    查看全部
  • H5新標(biāo)簽:figure,figcaption標(biāo)簽
    查看全部
  • Tranformy用于元素的變形處理 屬性:tranlate--平移 Rotate --A旋轉(zhuǎn) scale--縮放 skew--斜切
    查看全部
  • 父容器當(dāng)中有相對定位的時候,字容器的絕對定位是相對父容器來定位
    查看全部
    1 采集 收起 來源:HTML基本樣式

    2018-01-12

  • QQQQ
    查看全部
    0 采集 收起 來源:CSS3 扭曲動畫

    2017-12-18

  • opacity:0.8:透明度為0.8
    查看全部
    0 采集 收起 來源:CSS3 平移動畫

    2017-11-18

  • 響應(yīng)式布局基本原理
    查看全部
  • 案例HTML基本樣式
    查看全部
    0 采集 收起 來源:HTML基本樣式

    2017-11-18

  • overflow:hidden 可以把超出的部分隱藏掉
    查看全部
    0 采集 收起 來源:HTML基本樣式

    2017-11-18

舉報

0/150
提交
取消
課程須知
1、您要具備HTML和CSS基礎(chǔ)知識 2、了解CSS3中的動畫。
老師告訴你能學(xué)到什么?
1,學(xué)會兩個HTML5新標(biāo)簽figure以及figcaption 2,學(xué)會使用CSS的transform 3,學(xué)會使用CSS3的transition 4,學(xué)會利用屬性配合制作出絢麗的動畫效果

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

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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