Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

TailwindCSS Tip 1/5 Create Responsive Image Gallery easily with Tailwind CSS Check out steps 🧵👇

CodeByPoonam's profile picture

Poonam Soni

215,326 subscribers

25,973 Aufrufe • vor 3 Jahren •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Quick tip everyone using Tailwind CSS You can easily create your brand's color palette with Pro tip: hit space to cycle through colors ✨
0:13

Quick tip everyone using Tailwind CSS You can easily create your brand's color palette with Pro tip: hit space to cycle through colors ✨

Faizur Rehman

21,301 Aufrufe • vor 2 Jahren

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔
0:17

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Surjith S M ✪

173,101 Aufrufe • vor 3 Jahren

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔
0:11

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,240 Aufrufe • vor 3 Jahren

Future CSS Tip! 🤞 You could create an image zoom/crop using the CSS object-view-box property 🔍 img { object-fit: cover; object-view-box: inset( var(--top) var(--right) var(--bottom) var(--left) ); } CodePen.IO link below! 👇
0:14

Future CSS Tip! 🤞 You could create an image zoom/crop using the CSS object-view-box property 🔍 img { object-fit: cover; object-view-box: inset( var(--top) var(--right) var(--bottom) var(--left) ); } CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

168,050 Aufrufe • vor 3 Jahren

Future CSS Tip! 🔮 Create that cool gallery effect with the scroll-driven animations API 😎 ul, img { animation-timeline: scroll(root); 👈 animation: spin; } ul { --r: 270deg; } img { --r: -270deg; } keyframes spin { to { rotate: var(--r); }} CodePen.IO link below! 👇
0:15

Future CSS Tip! 🔮 Create that cool gallery effect with the scroll-driven animations API 😎 ul, img { animation-timeline: scroll(root); 👈 animation: spin; } ul { --r: 270deg; } img { --r: -270deg; } keyframes spin { to { rotate: var(--r); }} CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

111,247 Aufrufe • vor 3 Jahren

🎬 Want to create a cinematic 15-second slice-of-life video with AI? In 3 simple steps: 1- Create a consistent character with GPT Image 2 2- Write a scene-by-scene story 3- Animate everything with Seedance 2.0 Your ultra-realistic short film is ready ✨ Start creating 👇
0:17

🎬 Want to create a cinematic 15-second slice-of-life video with AI? In 3 simple steps: 1- Create a consistent character with GPT Image 2 2- Write a scene-by-scene story 3- Animate everything with Seedance 2.0 Your ultra-realistic short film is ready ✨ Start creating 👇

each::labs

87,582 Aufrufe • vor 1 Monat

[1/8] Drawing → 3D render with Gemini 2.0 image generation… by Dev Valladares + me 👇🧵Make your own at the link below
0:19

[1/8] Drawing → 3D render with Gemini 2.0 image generation… by Dev Valladares + me 👇🧵Make your own at the link below

Trudy Painter

71,766 Aufrufe • vor 1 Jahr

This viral Japanese outfit-board trend is taking over AI videos 👀 I recreated it with a twist on PixPretty using GPT Image 2 and Seedance using simple steps. Here's exactly how I made it from image → animation → final video. PixPretty Thread and Prompt 🧵👇
0:15

This viral Japanese outfit-board trend is taking over AI videos 👀 I recreated it with a twist on PixPretty using GPT Image 2 and Seedance using simple steps. Here's exactly how I made it from image → animation → final video. PixPretty Thread and Prompt 🧵👇

Synthia

18,984 Aufrufe • vor 3 Monaten

🎬 Want to create a cinematic 15-second slice-of-life video with AI? In 3 simple steps: 1- Create a consistent character with GPT Image 2 2- Write a scene-by-scene story 3- Animate everything with Seedance 2.0 Your ultra-realistic short film is ready ✨
0:15

🎬 Want to create a cinematic 15-second slice-of-life video with AI? In 3 simple steps: 1- Create a consistent character with GPT Image 2 2- Write a scene-by-scene story 3- Animate everything with Seedance 2.0 Your ultra-realistic short film is ready ✨

Melis✨

16,138 Aufrufe • vor 1 Monat

I used AI to create this weather broadcast, and I'm pretty happy with how it turned out All it takes is one image and a prompt Workflow 👇
0:14

I used AI to create this weather broadcast, and I'm pretty happy with how it turned out All it takes is one image and a prompt Workflow 👇

Kiki

334,586 Aufrufe • vor 3 Monaten

AI videos are taking over. 🚨 A single TikTok just crossed 200M views — and it’s WILD. Check out 10 more insane clips: 🧵👇 1. Amazonian Boas (200+ MILLION views on Instagram)
0:14

AI videos are taking over. 🚨 A single TikTok just crossed 200M views — and it’s WILD. Check out 10 more insane clips: 🧵👇 1. Amazonian Boas (200+ MILLION views on Instagram)

Adina

412,997 Aufrufe • vor 1 Jahr

10 handy practical #hacking tools I've developed over the years 🧰 Check out this thread for the most valuable ones, along with a brief overview of their functions! 🧵👇
0:10

10 handy practical #hacking tools I've developed over the years 🧰 Check out this thread for the most valuable ones, along with a brief overview of their functions! 🧵👇

Luke Stephens (hakluke)

80,805 Aufrufe • vor 3 Jahren

💡 Great update! Mozo has successfully integrated OneID into their mini app 🎁 Want to boost your points? Find out how to register with #OneID through #Mozo and instantly claim 20K extra points! For details, check out the guide: Full tutorial below 👇 1/4🧵 #UseOneID #VictionEcosystem
0:11

💡 Great update! Mozo has successfully integrated OneID into their mini app 🎁 Want to boost your points? Find out how to register with #OneID through #Mozo and instantly claim 20K extra points! For details, check out the guide: Full tutorial below 👇 1/4🧵 #UseOneID #VictionEcosystem

Stanislav

14,464 Aufrufe • vor 1 Jahr

Hiring actors for your promo videos is a thing of the past... Now, with Mirage Studio, you can create amazing AI videos like this in just minutes! 5 examples + quick tutorial 🧵👇
0:15

Hiring actors for your promo videos is a thing of the past... Now, with Mirage Studio, you can create amazing AI videos like this in just minutes! 5 examples + quick tutorial 🧵👇

TechHalla

167,743 Aufrufe • vor 1 Jahr

This app is insane. It makes $400K/month with 100K installs, and its onboarding has 80+ steps—yet users stay engaged instead of dropping off. Here’s how Foodvisor turns long onboarding into a growth machine. (1/7) 🧵👇
0:12

This app is insane. It makes $400K/month with 100K installs, and its onboarding has 80+ steps—yet users stay engaged instead of dropping off. Here’s how Foodvisor turns long onboarding into a growth machine. (1/7) 🧵👇

Siro

135,374 Aufrufe • vor 1 Jahr