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