看一下這樣的效果。這里展示了四張圖片，每一個圖片都有一個倒影。當鼠標旋轉每個圖片的時候倒影會消失，并且把圖片放大顯示。接下來跟著我一起完成這樣的效果制作。

·這里展示了一個空白的HTML模板，來設置一下它的背景顏色。

·bargain設置為邊距為零，內邊距也為零，背景顏色為黑色。

·再添加一個INMAX標簽，添加上圖片。這個圖片當前是沒有任何效果的，就直接的展示出來了。

·給圖片添加一個樣式，設置一個寬度為一百五十像素。這個時候發現這個圖片是靠左上角的，設置一個next布局body。

·再設置一下它的高度為一百，根據這個四口來設置高度，寬度也是。現在就可以把它在窗口的頁面上進行劇終了。

·再來設置一下它的圖片樣式。

·order top left，左上角的圓角設置成十像素，右上角也設置成十像素的圓角。

·這個時候遇到一個關鍵的問題，怎么樣去把設置成一個倒影，增加一個倒影？它有這么一個屬性，這里有設置一下它的倒影，往下的倒影讓倒影離開主要圖片的五個像素的間距，間距也就是這里的縫隙。

·再設置一下顏色，這個顏色來設置一個漸變的，這個時候是空白的，這樣子就產生了這樣的倒影。但是倒影還是太高了一點，可以給透明加一個，如果不夠可以繼續加，這樣子就差不多了，設置成八十暗一點，這樣子就有了一個倒影。

·再設置一下鼠標懸停，懸停是沒有效果的，可以給英美的標簽添加一個鼠標懸停的效果。

·然后是它的放大，放大為一點五倍，這個時候放大縮小是很生硬的，可以在這里加上零點五秒的過渡時間，但倒影還沒有消失，希望它的倒影消失一下。

·可以繼續設置一下屬性，它有一個on set，也就是恢復到默認設置。這個時候再來看一下，再給它添加外發光的效果，這樣就出現了這個效果。

·給元素多復制幾個，這個時候再來看一下，但它是挨在一起的，可以給元素設置一個外邊距，上下為零，左右為十像素，可以設置成五像素。

·這個時候再來看，這個時候會發現后邊的一張圖片會遮住前面的那張圖片，但這不是想要的，可以在over的時候把英美解的元素的層級往上走一下，這樣子設置到最高，就展現到最前面，外發光效果還是太小小了點，這樣子看起來就好看一些。

·如果圖片放大了，最好是把左下角也設置成圓角，也可以這里設置一下。再來看一下，這樣子是不是放大的時候全為圓角了。

今天的展示就到這里，謝謝大家。