<font id="vh7td"></font>

      <rp id="vh7td"></rp>

      <address id="vh7td"></address>
      <em id="vh7td"><i id="vh7td"></i></em>

          <mark id="vh7td"><noframes id="vh7td">
          <font id="vh7td"></font>
            新聞建站cms系統、政府cms系統定制開發

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

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

            網站技術

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

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

            廣告:阿里云采購優惠專區

            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新聞系統購買咨詢
            掃描關注 廣州閱速軟件科技有限公司
            掃描關注 廣州閱速科技
            青娱乐极品视觉盛宴国产视频_精品人妻少妇一区二区_禁断の肉体乱爱中文字幕_国产日本卡二卡三卡四卡

            <font id="vh7td"></font>

                <rp id="vh7td"></rp>

                <address id="vh7td"></address>
                <em id="vh7td"><i id="vh7td"></i></em>

                    <mark id="vh7td"><noframes id="vh7td">
                    <font id="vh7td"></font>