如何设置板块阴影效果?

["wechat","weibo","qzone","douban","email"]

我们有时会对图片叠加阴影效果,渲染展示,领动后台也支持针对页面容器中内容设置阴影啦~


第一步:在领动官网登录账号,点击进入网页编辑后台


3.0入口


第二步:以下方容器为例,点击容器的黑色设置按钮,展开的设置项中点击颜色按钮,


颜色


第三步:在展开的颜色板块中切换至阴影部分,阴影部分中按动作样式分为默认和悬浮两个部分,每个部分支持单独设置内阴影或外阴影;

阴影设置项中支持鼠标拖拽点选颜色,也可以直接输入颜色的色值或者点击颜色吸取器按钮,吸取想要的颜色;

颜色设置后,支持点击色值后的百分比调整颜色的浓淡,下方的X、Y轴可以调整阴影的相对位置;

调整模糊的数值可以调整阴影的渲染宽度,数值越大,阴影的颜色越大;


阴影


第四步:需要注意的是,同一板块中不可以同时设置内阴影和外阴影,二者只能设置一个;


(1)默认版块中设置内阴影,将在容器内侧渲染展示;设置外阴影,将在容器外侧渲染展示。


默认-外阴影

默认-内阴影


(2)悬浮板块主要针对的是鼠标悬浮容器时展示,悬浮中设置内阴影,当鼠标悬浮在容器上时将在容器的内侧渲染展示;设置外阴影,鼠标悬浮时将在容器外侧渲染展示


悬浮-外阴影

悬浮-内阴影


如何设置板块阴影效果视频指导:https://www.leadong.com/vd205030.html