用颗粒状渐变块装饰网页

昨天,凯利Choyce-Dwan发布了一个汤面间隔型块.但是,而不是屏幕上只是空白的空间,最终用户可以装饰各种渐变背景的区域.

颗粒状渐变块只是我期待着修补的插件的类型.它并不复杂.它留在了巷子里.而且,使用它只是简单的乐趣.

该块的灵感来自2021年的CSS-Tricks抛弃的颗粒状渐变趋势.现在,用户可以直接在WordPress编辑器中使用它们.

插件的单块具有四个变体,如下屏幕截图所示:

变化是:

  • 默认值:嘈杂/粒度纹理.
  • 水平粒度:水平线.
  • 垂直谷物:垂直线.
  • blob谷物:类似于熔岩灯的效果.

在太多时间尝试用插件尝试新的设计想法,我终于登陆了我喜欢的东西.我通过Mark WestGuard从WordPress照片中拍摄了日落图像,并在封面块中使用它.然后,我应用了一些不同的粒度梯度块.

在湖泊上的颗粒状日落.

目标是给它一个旧的,磨损的画觉.我很高兴我如何通过结果和几种其他变体.

我想看看我能用一些现实世界的艺术做些什么-我在那一点上绘画.所以,我抓住了一张我完成了一周或两周的一张照片,开始重新开始.

这次,我使用了类似的过程.我在封面块中包裹了所有内容,并在图像上应用了双向滤波器.然后,我将颗粒状梯度块放在内部并将其切换到水平晶粒变化.

图像上的水平粒度.

它结果类似于手绘件的差的复印件.基本上,它比我的原始艺术品更好.

不要让我的想象力欺骗你思考这个插件仅限于少数思想.有1,000岁的变体用户可以创建.例如,只需将其丢弃在文本沉重的部分旁边的列中,可以洒在页面的设计中:

Blob渐变旁边的文本列旁边.

如果我有一个请求,它将将粒度渐变背景添加到组和覆盖块.两者都允许梯度,但不是颗粒状品种.通过SVG滤波器创建效果,这是核心作品中双向功能的特征.对于其他过滤类型似乎至少有一些胃口.也许我们将来会看到更广泛的这些选项列表.

现在,我想我会继续使用颗粒状渐变块.

插件的开发版本也可通过github获得.

8

发表回复