亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

陰影模糊半徑與陰影擴展半徑是以什么為參照的?

陰影模糊半徑與陰影擴展半徑,這兩個概率不怎么懂,模糊半徑和擴展半徑是以哪個距離為標準來移動或擴大的呢?

比如:box-shadow:4px 4px 6px 6px #666;

這里陰影模糊半徑為6px,怎么理解?是指陰影向右(下)移動4px像素基礎上,在向右(下)移動6px嗎(即模糊效果是在4px基礎上在向外擴展6px)?

? ? ? 陰影擴展半徑為6px, 也是這樣的嗎?在陰影模糊半徑的基礎上,再向外延展6px?

求解?



正在回答

4 回答

http://img1.sycdn.imooc.com//56ebefb80001e03107420597.jpg


畫一個圓你就明白了。

假設這個圓的半徑是50px,spread-radius為5px,blur-radius為5px。

如果沒有blur-radius,那么陰影部分就是寬度為5px的一個圓環,外徑55px,內徑50px。

再加上blur-radius的話,那么陰影部分就是從內徑到外徑的一個漸變。外徑圓上沒有陰影,內徑圓上陰影最重。而當blur-radius!=spread-radius時,就是漸變的移位和擴展。你可以在瀏覽器里用審查元素,一個個的改變blur-radius的值,這樣可以更直觀的看到變化。

5 回復 有任何疑惑可以回復我~
#1

西風瀟瀟 提問者

非常感謝!完全理解了!
2016-03-19 回復 有任何疑惑可以回復我~

就跟卵毛一樣,毛的長度和卵的體積

0 回復 有任何疑惑可以回復我~

陰影模糊半徑是指陰影的邊緣模糊程度,至于為什么是以px為單位,說實話我也不清楚,總之數值越大,邊緣越模糊。樓主可以多測試一下,知道了結果告訴我一下。。。

陰影擴展半徑很好理解的?。?/p>

你可以認為,陰影是一直存在的,如果不設置box-shadow屬性,那么這個陰影是和本體重合的,所以看不到。

當設置了box-shadow的x,y偏移量,這個陰影就被從本體中移出來了一部分。

再來說說擴展半徑,就是在陰影上增加一個類似于padding的東西,當然這個padding可以是負值。表現為陰影的寬高變大或者縮小。

0 回復 有任何疑惑可以回復我~

一個是模糊的程度 ? 一個是體積的大小 ? ?就好比我的手毛是模糊的話 ? ? ?模糊程度就是我手毛的長度 ?陰影半徑就是我身材多胖 ?

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

陰影模糊半徑與陰影擴展半徑是以什么為參照的?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號