W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2017

Re: [csswg-drafts] [css-images] Turbulence/noise image function

From: Amelia Bellamy-Royds via GitHub <sysbot+gh@w3.org>
Date: Fri, 21 Apr 2017 19:02:43 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-296279039-1492801361-sysbot+gh@w3.org>
Here's a pen showing what the end result of my sample CSS would look like (implemented using an SVG data URI, but not a full polyfill): https://codepen.io/AmeliaBR/pen/Gmqgyg?editors=1011

```css
background-image:
    filter(turbulence(stitch 0.2/3), saturate(10%)), 
    linear-gradient(lightBlue, darkRed);
background-size: 3em 3em, 100% 100%;
background-blend-mode: hard-light;
```

![Screenshot of the generated background from the linked pen, with the randomized texture over the blue to red gradient](https://cloud.githubusercontent.com/assets/9876129/25292251/8d81d65a-2692-11e7-945a-a5b511f42686.png)


-- 
GitHub Notification of comment by AmeliaBR
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1273#issuecomment-296279039 using your GitHub account
Received on Friday, 21 April 2017 19:02:49 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:11 UTC