Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

collections surfer all powered by CSS transforms and Motion demo →

joelbqz's profile picture

Joel

2,338 subscribers

29,146 görüntüleme • 6 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Made by Framer Motion and Tailwind CSS Inspired by Lokki
0:17

Made by Framer Motion and Tailwind CSS Inspired by Lokki

Ali Samadi

49,604 görüntüleme • 1 yıl önce

Our recent design project is live. Meet the new look of Search Party. 3 months of work - branding, design, development, and motion. Powered, as usual, by Next.js and Tailwind CSS.
0:18

Our recent design project is live. Meet the new look of Search Party. 3 months of work - branding, design, development, and motion. Powered, as usual, by Next.js and Tailwind CSS.

Alex Barashkov

94,720 görüntüleme • 8 ay önce

physics powered by window motion
0:19

physics powered by window motion

Terkel 𓀒

12,273 görüntüleme • 2 ay önce

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().
0:10

💡 CSS Tip! Create a Sticky Header that "sticks"! A fancy effect powered by Scroll-Driven Animations and shape().

CSS by T. Afif

22,524 görüntüleme • 2 ay önce

circular carousel v6————added proper css mapping based on angle (here blur + opacity) + experiments with css 3d transforms
0:10

circular carousel v6————added proper css mapping based on angle (here blur + opacity) + experiments with css 3d transforms

daniel petho

22,922 görüntüleme • 9 ay önce

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
0:15

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

88,945 görüntüleme • 2 yıl önce

⚡️Superman in motion, powered by Kling AI 2.0 Master
0:14

⚡️Superman in motion, powered by Kling AI 2.0 Master

AI Imagined

57,301 görüntüleme • 1 yıl önce

8 innovators and 8 world-class athletes reinterpret the concept of motion powered by Air Max Dn8.
0:16

8 innovators and 8 world-class athletes reinterpret the concept of motion powered by Air Max Dn8.

Nike

3,589,489 görüntüleme • 1 yıl önce

A swinging robot 🤖 Pure #CSS. Live demo and full code on @codepen:
0:16

A swinging robot 🤖 Pure #CSS. Live demo and full code on @codepen:

Amit Sheen

13,485 görüntüleme • 1 yıl önce

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.
0:19

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.

CSS by T. Afif

82,668 görüntüleme • 6 ay önce

A smarter interface transforms everyday tasks into effortless moments. Samsung India pushes innovation forward with intelligent features powered by #GalaxyAI.
0:15

A smarter interface transforms everyday tasks into effortless moments. Samsung India pushes innovation forward with intelligent features powered by #GalaxyAI.

Maaya

16,546 görüntüleme • 4 ay önce

A creative flipbook that transforms still drawings into motion 👌
0:17

A creative flipbook that transforms still drawings into motion 👌

Learn Something

31,118 görüntüleme • 6 ay önce

A satisfying blinky demo, powered by my 8086 core executing the original 8086 microcode.
0:10

A satisfying blinky demo, powered by my 8086 core executing the original 8086 microcode.

nand2mario

38,459 görüntüleme • 6 ay önce

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,353 görüntüleme • 3 yıl önce

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉
0:15

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Devon Govett

83,922 görüntüleme • 9 ay önce

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,209 görüntüleme • 3 yıl önce

We've release our code and weights for weights2weights. Check out our demo on Hugging Face 🤗 powered by Gradio. Code: Weights: Demo: Thanks Linoy Tsaban apolinario @ CVPR for the collab!
0:12

We've release our code and weights for weights2weights. Check out our demo on Hugging Face 🤗 powered by Gradio. Code: Weights: Demo: Thanks Linoy Tsaban apolinario @ CVPR for the collab!

Amil Dravid

46,620 görüntüleme • 1 yıl önce

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan
0:16

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,624 görüntüleme • 1 yıl önce

AI-Powered Social Investing is Here ✨ Explore AI-Curated token collections and get notified about the latest trends and narratives - all in one app. Download Dyor App Now ⤵️
0:20

AI-Powered Social Investing is Here ✨ Explore AI-Curated token collections and get notified about the latest trends and narratives - all in one app. Download Dyor App Now ⤵️

Dyor

137,231 görüntüleme • 1 yıl önce

[ Demo Test ] Effects: B-Toon-Shader - ikClut - LightBloom - Autoluminous Motion: Un Deux Trois by つん
0:12

[ Demo Test ] Effects: B-Toon-Shader - ikClut - LightBloom - Autoluminous Motion: Un Deux Trois by つん

🎀 Dentelle 🎀

23,557 görüntüleme • 29 gün önce