# CSS3 Gradient Images

**URL:** <https://forum.pinegrow.com/t/css3-gradient-images/2564>\
**Category:** Styling (CSS)\
**Created:** [January 5, 2019, 5:24pm UTC](https://forum.pinegrow.com/t/css3-gradient-images/2564 "2019-01-05T17:24:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [January 5, 2019, 5:24pm UTC](https://forum.pinegrow.com/t/css3-gradient-images/2564/1 "2019-01-05T17:24:20Z")

</div>

Yes!  
Images/repeating background patterns with css3.

I didnt know you could do this 🙂

[https://leaverou.github.io/css3patterns/](https://leaverou.github.io/css3patterns/)

---

<div class="post-metadata">

**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\
**Post date:** [January 6, 2019, 12:07am UTC](https://forum.pinegrow.com/t/css3-gradient-images/2564/2 "2019-01-06T00:07:56Z")

</div>

I like that you can do this, but it appears as though on patterns with curves, the lines are not anti-aliased, so the have a bit of a “stair-step” look to them, which I don’t like.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [January 6, 2019, 12:10am UTC](https://forum.pinegrow.com/t/css3-gradient-images/2564/3 "2019-01-06T00:10:27Z")

</div>

ah ok.  
Still pretty amazing I thought though. Luckily Im getting older, so My eyes are starting to give everything a  
_lovely fuzzy glow_