分享一款头像圆角代码,加阴影立体效果。
效果如图:[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] [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=276928&ptid=33123]1#[/url] [i]无界[/i] [/b]
收到了,辛苦[color=Magenta]無界[/color]大人啊! [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 上面嗎?
也就是鼠標移到頭像上面的時候,圓角依舊維持,不會恢復成四角形
很需要這個代碼 [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] [b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=276934&ptid=33123]4#[/url] [i]无界[/i] [/b]
感謝大神,幫了大忙 看似很有效果,等我又试下效果是如何! 无界大大你太狂了:shutup:
頁:
[1]