PS图象处理软件投影和阴影的转换在CSS盒子
文字阴影是添加阴影的文字效果、阴影和框添加周围的阴影的元素块效应。随着HTML5和CSS3的普及,这种特殊效果越来越普遍。
基本语法:{ } {盒阴影模糊半径y x偏移插入传播radiuscolor }
混合模式:PS图象处理软件提供了多种混合模式,但CSS3阴影只支持普通模式(正常)。
色(色):阴影颜色。对应的CSS3阴影的颜色值。
不透明度:对阴影的不透明度,值在颜色RGBA()对应的CSS3阴影。
角度(角):投影角。
距离(距离):影子的距离。在CSS3阴影的x偏移和y-offet可以从角和distance.x-offset =距离×COS转化(180角),y =距离*罪(180角)
传播:阴影的大小。控制实体的颜色阴影和虚拟颜色。传播*尺寸=在阴影的纯色的大小。其余的是虚拟color.css3阴影扩散半径=差价*尺寸
大小(尺寸):阴影的大小。在CSS3,模糊半径+扩散半径=尺寸模糊半径=体积扩散半径。
上图中的数值就是一个例子。
复制代码代码如下所示:
颜色:RGBA(118113113。75)x偏移:5×cos(180 - 145度)= 4.09pxy-offset:5 *罪(180 - 145度)= 2.87pxspread-radius:10 * 6% = 10 - 0.6 = 9.4px 0.6pxblur-radius;
盒子的影子:4.09px 2.87px 9.4px 0.6px RGBA(118113113。75);文字阴影:4.09px 2.87px 9.4px RGBA(118113113,);
文本阴影没有扩散半径,不能完全实现PS.的效果。