<div id="q0ue2"></div>
  • <table id="q0ue2"></table>
  • <wbr id="q0ue2"></wbr>
    <div id="q0ue2"><acronym id="q0ue2"></acronym></div>
  • 咨詢電話:
    15628812133
    03
    2023/12

    移動到塊元素上放大內部圖片

    發布時間:2023-12-03 22:10:23
    發布者:·
    瀏覽量:
    0

        在網站常用的樣式里,鼠標進入塊元素放大內部圖片營造與其他圖片不同效果是常用的樣式。

        這里有兩種常用方式。

        第一種是當鼠標經過時,圖片會放大,但是圖片的寬高卻不會變。

        這種樣式其實就是利用了圖片放大和外層塊元素的超出隱藏,我們只需要給予外部元素overflow:hidden和經過塊元素時放大圖片就可以了。

    移動到塊元素上放大內部圖片

     移動到塊元素上放大內部圖片

        可以看到圖片被放大了五倍,正常情況下1.1倍就能夠做成很好的效果。

     移動到塊元素上放大內部圖片

    第二種情況:鼠標經過時元素內容變化,但是不改變整體結構。

     移動到塊元素上放大內部圖片 (1)

        就比如我們官網首頁資料庫,當鼠標移動上去時已經發現懸浮元素已經超過了其本身的寬高,但是其他元素并沒有向右或者向下移動,并且整體的結構并沒有發生改變,

        其實就和我們上邊的圖片放大一樣,只是沒有overflow超出隱藏,在父元素寬高固定的情況下,內部元素放大并不會影響到整體結構。

    關鍵詞:
    返回列表
    国产办公室秘书无码精品_AV无码天堂AV_A级毛片无码专区免费看
    <div id="q0ue2"></div>
  • <table id="q0ue2"></table>
  • <wbr id="q0ue2"></wbr>
    <div id="q0ue2"><acronym id="q0ue2"></acronym></div>