免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

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

效果如图:
QQ截图20161221203848.jpg
将下边代码放到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. }
複製代碼
1

評分人數

无界大大你太狂了

TOP

看似很有效果,等我又试下效果是如何!

TOP

回復 4# 无界

感謝大神,幫了大忙

TOP

回復 3# 21648069


    再加一句
  1. .popavatar a img {border-radius: 50%;}
複製代碼

TOP

本帖最後由 21648069 於 2016-12-22 00:05 編輯

回復 1# 无界

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

很需要這個代碼

TOP

回復 1# 无界



收到了,辛苦無界大人啊!

TOP

返回列表