Gradients have been making a come-back for the past couple years, let’s get in on the fresh Text Gradient trend!
Click around the deployed app: johnnify.com/demos/text-gradi...
See the code, open-source and FREE: github.com/jmagrippis/johnnify
This is one of those that look simple, but CSS make it harder than it should be… but it IS actually straightforward once you understand the trick! Let’s learn 😄
- COMMUNITY -
I've started a DISCORD SERVER for us 😱: / discord
- 🥳🥳🥳 -
Highlighted software:
Josh's Gradient Generator: www.joshwcomeau.com/gradient-...
Tailwind.CSS: tailwindcss.com/
My own website: magrippis.com/
My older channel: @jmagrippis
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
Search for @jmagrippis to find me on socials like Instagram and Twitter!
Between the comment section, the socials, the Discord… let me know somewhere what you’d like me to cover next 🙌
🎶 “Feel the Air” by Flint & “Retrospective Effect” by 2050 for the background music 🎶
-
TIMESTAMPS
-
0:00 - Text gradients are IN 📈!
0:23 - with vanilla 🍦 CSS
2:02 - more demos 🚀 examples
2:28 - with ⛵️ Tailwind.css
3:36 - Gotchas, animated gradients, other tips + LIKE 💜 SUBSCRIBE
Негізгі бет Ғылым және технология Text Gradient with vanilla CSS 🍦, or with Tailwind! ⛵️ (for your stylish hero sections)
Пікірлер: 2