国产老熟女高潮毛片A片仙踪林,欧美喂奶吃大乳,狠狠爱无码一区二区三区,女神的私人医生动漫免费阅读

新聞建站cms系統、政府cms系統定制開發

廣州網站建設公司-閱速公司

asp.net新聞發布系統、報紙數字報系統方案
/
http://www.tjsimaide.com/
廣州網站建設公司
您當前位置:首頁>網站技術

網站技術

photoshop陰影投影和css box-shadow陰影關系

發布時間:2022/1/21 10:20:09  作者:Admin  閱讀:348  

廣告:

box-shadow通常的屬性
box-shadow:方向(大部分不用,非必選) 水平偏移、豎直偏移、模糊距離、陰影尺寸、顏色

box-shadow細節

x-offset: 5 * cos(180°- 90°) = 0px(5=Distance(ps上的距離),90°=Angle(ps上的角度))
y-offset: 5 * sin(180°- 90°) =0px(同理,注意是sin,不是cos)

spread-radius: 0*83=0px(0=Spread(ps上的擴展),83=Size(ps上的大小))
blur-radius: 83-0=83px(83=Size(ps上的大小),0=spread-radius(上一行的數據))

color+opacity:rgba(216,216,216,.97) (.97就是97%,就是不透明度)
用css來表示就是

"距離(Distance)":陰影的距離。根據角度和距離可以換算出CSS3陰影中的x-offset和y-offet。

x-offset = Distance * cos(180 -Angle) ,
y-offset = Distance * sin(180 - Angle)

x-offset 3* cos(180 -120) =3*0.5=1.5
y-offet 3* sin(180 -120) = 3*0.8660254=2.598

box-shadow : 1.5px 2.6px 5px 3px rgba(0,0,0,.13);

廣告:

相關文章
box-shadow
photoshop
cms新聞系統購買咨詢
掃描關注 廣州閱速軟件科技有限公司
掃描關注 廣州閱速科技
主站蜘蛛池模板: 宁陵县| 汝城县| 小金县| 沾化县| 潼南县| 康乐县| 青阳县| 福泉市| 贵州省| 荔波县| 陆丰市| 隆安县| 紫金县| 安庆市| 涟水县| 抚顺市| 临湘市| 含山县| 秦安县| 长宁县| 湘潭市| 普陀区| 崇礼县| 腾冲县| 通山县| 鄂尔多斯市| 岱山县| 泊头市| 德钦县| 苏尼特右旗| 绥中县| 米脂县| 潜江市| 西和县| 开封县| 龙泉市| 舟山市| 兴和县| 华蓥市| 永靖县| 天镇县|