[筆記][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 去做個別設定。

0 個迴響:

張貼留言

留言須知:
1.請勿留下有關情色和垃圾回應。
2.即使不留言,若是好文,請幫忙按下推文,感恩^^。
3.請勿攻擊、譭謗他人,碳碳保有刪除和保留的權利。
4.文章內容用詞若有不妥之處,請指點一下!^^