[筆記][Css]部落格移過圖片後出現光圈

圖

片的特效，上次有介紹過【 Blogger 的移過圖片變亮暗】，這次就教各位如何將圖片的外框，滑鼠移過去後就會出現光圈，讓移到圖片上的圖會變得很獨特。這個特效原先是在 Stylish (火狐外掛)其中一個腳本，後來想說用在部落格上看能不能使用，結果是很成功(雖然和碳碳的佈景上有點不太協調)，不過這個不限定於 Blogger 上，其他部落格上大致上都可以用。
(在修改之前先備份您們的佈景，以免作錯而無法恢復)

這個和上次【 Blogger 的移過圖片變亮暗】語法上一樣，只是內容有變

a img:hover {
  -moz-box-shadow: 0px 0px 5em 3px #F1CB82;
}

說明一下， 0px 0px 5em 3px #F1CB82 ，其中的 0px 0px 5em 3px 看您是否數值要調整，
至於 #F1CB82 可換其他色碼。

之所以會用 a img :hover的原因，是因為太難的語法會讓新手亂掉，而且這語法可以一次套用，
如果是很懂 Css 語法的人，應該就會利用屬性 class 或 id 去做個別設定。