投影的大小,该怎样对前端描述才能达到自己设计的效果?

来源:1-1 移动端设计必学

阿新子

2017-12-01 15:44

PS里投影有角度、距离、扩展、大小,这些数据改怎样给前端描述,写出来的样式才会能跟设计的效果一样?

写回答 关注

1回答

  • D_feily
    2017-12-12 13:14:55
    已采纳

    前端通过box-shadow 属性向框添加一个或多个阴影。

    语法:

    box-shadow: h-shadow v-shadow blur spread color inset;

    值的含义:

    h-shadow    必需。水平阴影的位置。允许负值。    

    v-shadow    必需。垂直阴影的位置。允许负值。   

    blur    可选。模糊距离。       

    spread    可选。阴影的尺寸。    

    color    可选。阴影的颜色。请参阅 CSS 颜色值。   

    inset    可选。将外部阴影 (outset) 改为内部阴影。    

    给到前端这几个数值的大小,前端就能还原设计稿的效果了


    阿新子

    非常感谢!

    2017-12-28 11:26:59

    共 1 条回复 >

移动UI设计基础入门

通过学习移动UI设计规范标准的设计方法,掌握移动端设计规范设计能力。

36056 学习 · 55 问题

查看课程

相似问题