指向圖片會有影子+圓角

怎麼指向圖片會有影子+圓角呢 ?

來看教學 :D

這只有Google Chrome才會看到的效果喔 : )

     

首先 ., 登入你的Blogger>>設計>>修改HTML

按Ctrl + F ., 找/* Header

然後在/* Header之前加入以下代码

a:img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #ffaad5;
-webkit-box-shadow: 0px 0px 20px #ffaad5;
-moz-box-shadow: 0px 0px 20px #ffaad5;
}

如果你不想圖片變模糊 ., 就把opacity: .6;刪掉就OK啦 : )

看有沒有問題 ., 沒有就按保存 ! : )

有什麼問題留言 ., 我會盡快回复 ! : )

提示 ::
粉紅 - 顏色代碼

轉請貼上博主部落格!!

謝謝合作 : )