陰影模糊半徑與陰影擴展半徑是以什么為參照的?
陰影模糊半徑與陰影擴展半徑,這兩個概率不怎么懂,模糊半徑和擴展半徑是以哪個距離為標準來移動或擴大的呢?
比如:box-shadow:4px 4px 6px 6px #666;
這里陰影模糊半徑為6px,怎么理解?是指陰影向右(下)移動4px像素基礎上,在向右(下)移動6px嗎(即模糊效果是在4px基礎上在向外擴展6px)?
? ? ? 陰影擴展半徑為6px, 也是這樣的嗎?在陰影模糊半徑的基礎上,再向外延展6px?
求解?
陰影模糊半徑與陰影擴展半徑,這兩個概率不怎么懂,模糊半徑和擴展半徑是以哪個距離為標準來移動或擴大的呢?
比如:box-shadow:4px 4px 6px 6px #666;
這里陰影模糊半徑為6px,怎么理解?是指陰影向右(下)移動4px像素基礎上,在向右(下)移動6px嗎(即模糊效果是在4px基礎上在向外擴展6px)?
? ? ? 陰影擴展半徑為6px, 也是這樣的嗎?在陰影模糊半徑的基礎上,再向外延展6px?
求解?
2015-08-22
舉報
2016-03-18
畫一個圓你就明白了。
假設這個圓的半徑是50px,spread-radius為5px,blur-radius為5px。
如果沒有blur-radius,那么陰影部分就是寬度為5px的一個圓環,外徑55px,內徑50px。
再加上blur-radius的話,那么陰影部分就是從內徑到外徑的一個漸變。外徑圓上沒有陰影,內徑圓上陰影最重。而當blur-radius!=spread-radius時,就是漸變的移位和擴展。你可以在瀏覽器里用審查元素,一個個的改變blur-radius的值,這樣可以更直觀的看到變化。
2016-12-19
就跟卵毛一樣,毛的長度和卵的體積
2016-01-29
陰影模糊半徑是指陰影的邊緣模糊程度,至于為什么是以px為單位,說實話我也不清楚,總之數值越大,邊緣越模糊。樓主可以多測試一下,知道了結果告訴我一下。。。
陰影擴展半徑很好理解的?。?/p>
你可以認為,陰影是一直存在的,如果不設置box-shadow屬性,那么這個陰影是和本體重合的,所以看不到。
當設置了box-shadow的x,y偏移量,這個陰影就被從本體中移出來了一部分。
再來說說擴展半徑,就是在陰影上增加一個類似于padding的東西,當然這個padding可以是負值。表現為陰影的寬高變大或者縮小。
2015-08-24
一個是模糊的程度 ? 一個是體積的大小 ? ?就好比我的手毛是模糊的話 ? ? ?模糊程度就是我手毛的長度 ?陰影半徑就是我身材多胖 ?