Text Gradient with vanilla CSS 🍦, or with Tailwind! ⛵️ (for your stylish hero sections)
Автор: Johnny Magrippis
Загружено: 2023-09-05
Просмотров: 317
Gradients have been making a come-back for the past couple years, let’s get in on the fresh Text Gradient trend!
💻 See the code, open-source and FREE: https://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: https://www.joshwcomeau.com/gradient-...
Tailwind.CSS: https://tailwindcss.com/
My own website: https://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
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: