Gradient Magic

Twitter account for Gradient Magic, a large gallery of fantastic and unique CSS gradients.

[Gradient Magic @GradientMagic]

Hello! I've started creating "premium" collections of gradients that are for sale. They have gradients not available on the site, along with bonus features.

Premium content helps support my work on the site, and lets me keep making free content as well.

https://t.co/bDP4npJZ5v

[Gradient Magic @GradientMagic]

New additions to the "Weird and Experimental" collection of CSS Gradients (which are surprisingly popular). Check out new designs in styles I've labeled as "Moons", "Shattered Glass", and "Black Hole". #css #html #webdesign #webdevelopment

https://t.co/swf4KK2kMX

[Gradient Magic @GradientMagic]

Another exciting new CSS Gradient collection - "Paper"! Forget that colorful hero image and go back to the basics! We've got lined paper, legal paper, graph paper, and even "vintage" paper. Take a look! #webdev #webdesign #css #html

https://t.co/IY6843kV3X

[Jordan Marshall @TheCSSKing]

First new pen in a few months! I made several CSS Gradients that looked like different types of paper. My favorite is a pretty good facsimile of a yellow legal pad - check it out! @CodePen #css #webdesign

https://t.co/Bqxu46rSOU

[Gradient Magic @GradientMagic]

New collection of CSS Gradients! Check out "Brilliant Angular", which is the first collection to make use of background blend modes. I like them so much I made one my profile picture! #css #webdesign #webdev #html #gradient

https://t.co/FQTqAz6e4L

[Gradient Magic @GradientMagic]

Just added a new collection of CSS Gradients - "Weird & Experimental". It's home to a variety of designs that I'm testing out to gauge popularity - let me know your favorites! #css #webdev #webdesign #gradient

https://t.co/swf4KK2kMX

[Jordan Marshall @TheCSSKing]

The "user icon" CSS gradient - a perfect ironic background for your user settings page. @CodePen

https://t.co/W80RSFdRZI

[Gradient Magic @GradientMagic]

Just updated the "Complex Patterns" CSS gradient collection with a few unique new patterns. Among them are "Humans" and "Birds" - all done with pure CSS. #css #html #webdesign #webdev

https://t.co/4VOpJSTIkU

[Gradient Magic @GradientMagic]

What do folks think of the updated UI for viewing a gradient (shown below)? I wanted to give more room for editing features, while also showing the whole gradient.

Please let me know what you think - all feedback is helpful!

[Gradient Magic @GradientMagic]

New collection of CSS Gradients - "Perfect Subtle Backgrounds", in both dark and light colors:

https://t.co/ocIErtAx3Z

It's a premium collection, but you can preview for free on the site:

https://t.co/nPyYDs5lDu
https://t.co/0MdMQwxECB

[Gradient Magic @GradientMagic]

Note that the "Image Download" feature is more of a promo - it's only available in the premium bundles. It took a good amount of work to get right, and it feels like a good bonus for folks who want a premium bundle.

[Gradient Magic @GradientMagic]

Big Update! I've updated the gradient view page to be a bit cleaner, with more room for new (and upcoming) features! https://t.co/idu0tEy0mV #css #html #webdevelopment #webdev

[Gradient Magic @GradientMagic]

@JustinNoelDev Glad you like the pattern! I'm curious why you're looking for SVG instead of CSS Gradient? I'm considering adding SVG's in the future, interested in any use cases.

[Gradient Magic @GradientMagic]

Finally, I'll note that at $9.99 this is a screaming deal compared to any graphics sites. You get 272 gradients, all fully customizable (and different), in multiple colors and styles. They can be downloaded at any resolution. All of this bundled into a 1.5 MB .html file.

[Gradient Magic @GradientMagic]

Introducing the latest collection of CSS Gradients: Stained Glass. Intricate patterns layered on brilliant colors, producing patterns perfect for a header or wallpaper. #css #webdev #webdesign #html #webdeveloper

https://t.co/K3DwbbmgjQ

[Gradient Magic @GradientMagic]

It's worth noting that this is also a premium collection, and unlike Carbon Fiber (which is free), I've given it a small price. I did this to support my time, and to fund the creation of more cool collections in the future.

https://t.co/ro4sGEjHfx

[Gradient Magic @GradientMagic]

The newest collection (Carbon Fiber) is a little different. Only a sample is available on the site, the rest can be downloaded (for free) in a standalone bundle. I'm experimenting with "premium" options, which I hope will give more value to folks.

https://t.co/LTwm5Y7d0F

[Gradient Magic @GradientMagic]

Very excited to announce a new collection of CSS Gradients: Carbon Fiber! Perfect for adding a subtle metallic background to your website. In dark and light colors. #css #html #webdesign #webdeveloper

https://t.co/LTwm5Y7d0F

[Gradient Magic @GradientMagic]

New CSS Gradient Collection - "Standard Texture"! Traditional "Standard" gradients with a very subtle texture to give them a more physical feel. In an array of colors as well as black and white. https://t.co/FXHADlY1zF #css #webdev #webdesign #html