先看一下预览效果:
点击预览
制作步骤:
动态渐变效果需要结合前端代码样式实现。不会代码的同学也不必担心,看完本文,仅需会复制粘贴即可。
一、固定尺寸的制作方法:
随便画一个矩形,然后给矩形增加【载入时】交互。如下图所示:
然后点击【当前窗口】,将一串代码直接粘贴到,下图箭头所指的文本框中。
代码如下:
javascript
然后点击保存即可。
上面的代码,是提前预设了几种渐变颜色,如果你想自定义颜色,可以修改“#”后面的16进制数值。数值可以用PS吸取,或有些网站提供类似功能。
background
二、100%宽度的制作方法:
在前一步基础上,继续添加一个设置。
所以在做完上一步之后,先预览一下是否显示正常。如果正常,则可向下进行。
开始。
在上一步做好的交互上双击。(双击下图红框内区域)
依次单击【设置尺寸】,勾选【当前元件】,宽填写[[Window.width]]。设置如下图所示:
高可以不写,就保持默认高度。当然,也可以填一个固定数值。
然后保存,预览即可。