亚洲3P视频,日韩BBW无码,亚洲制服麻豆网站,88re伊人,九草精品视频在线观看,国产精品久久夜,色青青狠狠色,无码熟女一区二区三区,日本一区二区成人网站

新聞建站cms系統(tǒng)、政府cms系統(tǒng)定制開發(fā)

廣州網(wǎng)站建設公司-閱速公司

asp.net新聞發(fā)布系統(tǒng)、報紙數(shù)字報系統(tǒng)方案
/
http://m.duxiu2008.cn/
廣州網(wǎng)站建設公司
您當前位置:首頁>網(wǎng)站技術

網(wǎng)站技術

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

發(fā)布時間:2022/1/21 10:20:09  作者:Admin  閱讀:415  

廣告:

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

box-shadow細節(jié)

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(上一行的數(shù)據(jù)))

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

"距離(Distance)":陰影的距離。根據(jù)角度和距離可以換算出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新聞系統(tǒng)購買咨詢
掃描關注 廣州閱速軟件科技有限公司
掃描關注 廣州閱速科技
东乡县| 淮北市| 五寨县| 南丰县| 花莲县| 镇远县| 满洲里市| 吕梁市| 松原市| 申扎县| 周口市| 湖北省| 棋牌| 鄄城县| 南投市| 大邑县| 高阳县| 武汉市| 阿拉善右旗| 祁阳县| 嵊泗县| 上虞市| 湖口县| 本溪市| 长兴县| 久治县| 大埔县| 宜黄县| 马尔康县| 教育| 辰溪县| 周至县| 温宿县| 工布江达县| 噶尔县| 金堂县| 彰武县| 福泉市| 穆棱市| 定边县| 霍林郭勒市|