打开注册页面的脚本
favico
  • 首页
  • 网站案例
  • SEO优化
  • 技术文档
  • 行业动态
  • 关于我们

如何设置阴影

发布时间:2018-10-12 16:16:12     作者:

使用场景:网站经常需要给图片设置阴影,如图:



具体设置如下:

1、鼠标移至需要添加阴影的图片上,出现【图片】属性设置快捷栏,如图:



2、点击【图片】弹出图片属性的设置窗体,选中【阴影】标签栏,出现下图所示:



【偏移X】:图片阴影X轴右偏移27px。


      

【偏移Y】:图片阴影Y轴下偏移17px。



3、同时设置偏移X、Y的值,再设置【模糊】的值为21px,就能很明显的看出阴影边框出现了模糊效果。



4、同上图设置的值一致,但增加了【扩散】的值,边框阴影面积明显比上图要大一些。可以对图片阴影部分进行【透明度】设置。



5、最后,选择合适的颜色作为元素的阴影色,也可以对阴影颜色进行调整。




img控制