transform scale105使用css3的trasnform屬性做的放大效果，圖片并不是背景是img標(biāo)簽讀出的圖片。

使用 `transform` 屬性的 `scale` 函數(shù)，通過設(shè)置比例實現(xiàn)圖片的放大效果 當(dāng)鼠標(biāo)懸停在 `imagecontainer` 元素上時，應(yīng)用 `transform scale12` 的樣式，使圖片放大通過以上 CSS 樣式，當(dāng)鼠標(biāo)懸停在圖片容器上時，圖片會以近大遠(yuǎn)小的效果緩慢放大，鼠標(biāo)移開時則恢復(fù)原始大小可以根據(jù)。

這位網(wǎng)友你好，百度圖片鼠標(biāo)放上去放大的效果用的是css3的新屬性，如下圖但是現(xiàn)在一些低版本的瀏覽器并不支持，有些瀏覽器需要加特有的前綴百度中可以看紅框中的代碼代碼示例imghover transformscale1515指的是放大的倍數(shù)。

1新建html文檔2在head里插入鏈接和圖片樣式，表示鼠標(biāo)經(jīng)過時圖片放大，代碼如下 a #bigwidth800pxheight480px a #bighover width1200pxheight720px 3在body里插入，表示設(shè)置一個有鏈接的圖片，引用圖片放大樣式4在IE里測試鼠標(biāo)離開時圖片正常，鼠標(biāo)經(jīng)過時圖片放大。

lt！DOCTYPE html CSS3鼠標(biāo)滑過圖片放大特效DEMO演示 htmlfontfamilysansserifmstextsizeadjust100%webkittextsizeadjust100%bodymargin0article，aside，details，figcaption，figure，footer，header，hgroup，main，nav，section，summarydisplayblockaudio，canvas。