[版型教學] 分享一款头像圆角代码，加阴影立体效果。

无界

效果如图：

下載 (6.76 KB)

2016-12-21 20:48

将下边代码放到css_common模板最下边即可。

1. .postauthor .avatar a img {
   
2.     width: 100%;
   
3.     border-radius: 50%;
   
4.     border: 5px solid #FFF;
   
5.     box-shadow: 0px 6px 20px 0px rgba(0,0,0,.19),0px 8px 16px 0px rgba(0,0,0,.2);
   
6. }

複製代碼

哥哥

无界大大你太狂了

4rphotoclub

看似很有效果，等我又试下效果是如何！

21648069

回復 4# 无界

感謝大神，幫了大忙

无界

回復 3# 21648069


    再加一句

1. .popavatar a img {border-radius: 50%;}

複製代碼

21648069

回復 1# 无界

請問可以修改成能夠套用到 onmouseover 上面嗎？
也就是鼠標移到頭像上面的時候，圓角依舊維持，不會恢復成四角形

很需要這個代碼

leisurema

回復 1# 无界



收到了，辛苦無界大人啊！