SCLUB免費論壇申請-使用者論壇's Archiver

无界 發表於 2016-12-21 20:48

分享一款头像圆角代码,加阴影立体效果。

效果如图:
[attach]76601[/attach]
将下边代码放到css_common模板最下边即可。[code].postauthor .avatar a img {
    width: 100%;
    border-radius: 50%;
    border: 5px solid #FFF;
    box-shadow: 0px 6px 20px 0px rgba(0,0,0,.19),0px 8px 16px 0px rgba(0,0,0,.2);
}[/code]

leisurema 發表於 2016-12-21 21:12

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=276928&ptid=33123]1#[/url] [i]无界[/i] [/b]



收到了,辛苦[color=Magenta]無界[/color]大人啊!

21648069 發表於 2016-12-21 23:48

[i=s] 本帖最後由 21648069 於 2016-12-22 00:05 編輯 [/i]

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=276928&ptid=33123]1#[/url] [i]无界[/i] [/b]

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

很需要這個代碼

无界 發表於 2016-12-22 00:21

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=276933&ptid=33123]3#[/url] [i]21648069[/i] [/b]


    再加一句[code]
.popavatar a img {border-radius: 50%;}[/code]

21648069 發表於 2016-12-22 02:03

[b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=276934&ptid=33123]4#[/url] [i]无界[/i] [/b]

感謝大神,幫了大忙

4rphotoclub 發表於 2016-12-22 03:01

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

哥哥 發表於 2016-12-23 16:37

无界大大你太狂了:shutup:

頁: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.