Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
nerdculture.de is one of the many independent Mastodon servers you can use to participate in the fediverse.
Be excellent to each other, live humanism, no nazis, no hate speech. Not only for nerds, but the domain is somewhat cool. ;) No bots in general. Languages: DE, EN, FR, NL, ES, IT

Administered by:

Server stats:

1.2K
active users

nerdculture.de: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#gradients

2 posts2 participants0 posts today
Frontend Dogma<p>Holographic Masks, by @hejchristian.com:</p><p><a href="https://codepen.io/HejChristian/pen/YPzLbYX" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/HejChristian/pen/YP</span><span class="invisible">zLbYX</span></a></p><p><a href="https://mas.to/tags/codepens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codepens</span></a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mas.to/tags/blendmodes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blendmodes</span></a> <a href="https://mas.to/tags/effects" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>effects</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/IkZjxwL.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/IkZjxwL.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/fpRsRmw.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/fpRsRmw.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Techniques</span></a><br>CSS-only blurry image placeholders · A minimal technique with a sophisticated mechanism <a href="https://ilo.im/163247" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/163247</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Images" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Images</span></a> <a href="https://mastodon.social/tags/Placeholders" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Placeholders</span></a> <a href="https://mastodon.social/tags/Colors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Colors</span></a> <a href="https://mastodon.social/tags/Gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gradients</span></a> <a href="https://mastodon.social/tags/OKLAB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OKLAB</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/hiNf7cm.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/hiNf7cm.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/ZHZ8kqO.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/ZHZ8kqO.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/lcHwrWO.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/lcHwrWO.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/vajBzga.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/vajBzga.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/yvSaCcI.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/yvSaCcI.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
Penpot<p><strong>Add multiple color steps to your gradients | Penpot release 2.5</strong></p> <p><a href="https://peertube.kaleidos.net/videos/watch/cb702f9b-a432-4c78-a173-c765cfbcad1c" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">peertube.kaleidos.net/videos/w</span><span class="invisible">atch/cb702f9b-a432-4c78-a173-c765cfbcad1c</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/A3XJMnv.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/A3XJMnv.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/uRw2wiG.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/uRw2wiG.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/IdAlxQO.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/IdAlxQO.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
Kornel<p>Linear <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> appear to have surprisingly sharp transitions at the ends. Every designer had to fight these ramps to have smooth-looking color transitions.</p><p>There's an explanation for this effect! The paper has a mathematical model of it (a convolution filter), which in theory could be used in gradient-generators to compute gradients that actually look perfectly linear.</p><p><a href="https://pmc.ncbi.nlm.nih.gov/articles/PMC4219435/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pmc.ncbi.nlm.nih.gov/articles/</span><span class="invisible">PMC4219435/</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/nBgeemD.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/nBgeemD.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/sJHw8uc.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/sJHw8uc.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/ulLugSL.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/ulLugSL.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/WOepoM5.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/WOepoM5.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/jeA9S1l.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/jeA9S1l.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
GradientBot<p>Full size: <a href="https://i.imgur.com/FgdO9MN.png" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">i.imgur.com/FgdO9MN.png</span><span class="invisible"></span></a></p><p><a href="https://shuriken.masto.host/tags/gradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradient</span></a> <a href="https://shuriken.masto.host/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://shuriken.masto.host/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wallpaper</span></a> <a href="https://shuriken.masto.host/tags/bot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bot</span></a> <a href="https://shuriken.masto.host/tags/GradientBot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GradientBot</span></a></p>
ExploreLive feeds
About