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

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

CSS3圖片動態提示效果

jack.xu Web前端工程師
難度初級
時長 1小時12分
學習人數
綜合評分9.53
159人評價 查看評價
9.9 內容實用
9.3 簡潔易懂
9.4 邏輯清晰
  • 簡單響應式布局原理。
    查看全部
    0 采集 收起 來源:HTML響應式布局

    2015-09-29

  • 媒體查詢就是通過不同的媒體類型和條件定義樣式規則。 媒體查詢讓css可以更精確作用于不同的媒體類型和同一媒體的不同條件。 媒體查詢的大部分媒體特性都接受max和min用于表達“大于或等于”和“小于或等于” 如:width會有min-width 和max-width 媒體查詢的三種寫法 媒體查詢在@media和@import規則上,也可用在HTML和XML中
    查看全部
    1 采集 收起 來源:媒體查詢

    2015-09-28

  • transition: css3屬性,主要用于元素的過渡動畫處理 屬性:property duration timing-function delay
    查看全部
  • transform 為css3屬性,主要用于元素的變形處理 屬性:translate(平移) rotate(旋轉) scale(縮放)skew(斜切) translate:指定對象的2D translation 第一個參數對應X軸,第二個參數對應Y軸。如果第二個參數未提供,則默認為值為0。 transform:translate(10px,10px) rotate:指定對象的2d rotation 需先有transform-origin屬性的定義。默認以中心點 例如:rotate(90deg),transform-origin:0 0; scale:指定對象的2D scale (2D縮放) 第一個參數對應X軸,第二個參數對應Y軸。 例如:scale(0.5 0.5) skew:指定對象skew transformation(斜切扭曲)。例如:skew(50deg,20deg)
    查看全部
  • figure以及figcaption標簽 HTML5語義化標簽。 1,figure 用于規定獨立的流內容(圖像,圖表,照片,代碼等等) 2,figcaption 與figue 配套使用,用于標簽定義figure元素的標題。 figure英 ['f?g?]美 ['f?ɡj?] n. 數字;人物;圖形;價格;(人的)體形;畫像 vt. 計算;認為;描繪;象征 vi. 計算;出現;扮演角色
    查看全部
  • TWT
    當做動畫時用到兩個transform屬性時,后面一個屬性前不能再寫transform,直接空格,然后寫第二個屬性就可以了。
    查看全部
    0 采集 收起 來源:CSS3 旋轉動畫

    2015-09-28

  • @media
    查看全部
    0 采集 收起 來源:HTML響應式布局

    2015-09-28

  • TWT
    父容器有相對定位的時候,子容器的絕對定位就會相對于父容器來定位。
    查看全部
    0 采集 收起 來源:HTML基本樣式

    2015-09-27

  • TWT
    <figure></figure> <figcaption></figcaption>
    查看全部
    0 采集 收起 來源:HTML頁面結構

    2018-03-22

  • 媒體查詢 @media 和 @import
    查看全部
    0 采集 收起 來源:媒體查詢

    2015-09-27

  • 媒體查詢
    查看全部
    0 采集 收起 來源:媒體查詢

    2015-09-27

  • TWT
    transition屬性 property:檢索或設置對象中參與過度的屬性 duration:過度動畫的持續時間 timing-function:檢索或設置對象中過度的動畫類型 (linear,ease,ease-in,ease-out,ease-in-out) delay:檢索或設置對象延遲過度的時間
    查看全部
  • transition transition為CSS3屬性,主要用于元素的過度動畫處理 屬性:property,duration,timing-function,delay
    查看全部
  • figure以及figcaption標簽 figure標簽,HTML5語義化標簽,用于規定獨立的流內容(圖像、圖表、照片、代碼等等) figcaption標簽,HTML5語義化標簽,與figure配套使用,用于標簽定義figure元素的標題
    查看全部
  • 固定容器大小進行over:hidden,然后鼠標放上去可以左右平移或者縮放, 給一個框做平移和旋轉可以實現一個框的旋轉,起始是rotate(0deg)到rotate(360deg),斜切90度元素就不會顯示做可以做眨眼效果,不會規則圖形可以改變旋轉中心在進行旋轉做到
    查看全部
    0 采集 收起 來源:課程總結

    2015-09-26

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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