Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

a pixelating logo carousel made with css

tjcages's profile picture

ty

7,426 subscribers

62,248 görüntüleme • 2 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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 • 8 ay önce

wavy carousel with CSS scroll driven animations not exactly like OP but fun to try replicate
0:17

wavy carousel with CSS scroll driven animations not exactly like OP but fun to try replicate

Wes Bos

71,512 görüntüleme • 5 ay önce

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇
0:11

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇

Steven Tey

472,614 görüntüleme • 2 yıl önce

gooey menu made with svg filters and some little animations, just css and a sprinkle of svg magic
0:18

gooey menu made with svg filters and some little animations, just css and a sprinkle of svg magic

Kevin Grajeda

51,710 görüntüleme • 1 yıl önce

I made a version of this using only modern CSS. 👀
0:13

I made a version of this using only modern CSS. 👀

H. Kyle Foster

64,815 görüntüleme • 7 ay önce

you can create a CSS only carousel with CSS `𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙` .𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚡: 𝚊𝚞𝚝𝚘; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚝𝚢𝚙𝚎: 𝚡 𝚖𝚊𝚗𝚍𝚊𝚝𝚘𝚛𝚢; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚊𝚍𝚍𝚒𝚗𝚐-𝚒𝚗𝚕𝚒𝚗𝚎: 𝟷.𝟻𝚛𝚎𝚖; /* 𝚖𝚊𝚝𝚌𝚑𝚎𝚜 𝚢𝚘𝚞𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚕/𝚙𝚛 */ } .𝚌𝚊𝚛𝚍 { 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚊𝚕𝚒𝚐𝚗: 𝚌𝚎𝚗𝚝𝚎𝚛; 𝚏𝚕𝚎𝚡-𝚜𝚑𝚛𝚒𝚗𝚔: 𝟶; } When you scroll, it snaps exactly in the center of the card Super fun to use, easy to implement, no javascript required
0:19

you can create a CSS only carousel with CSS `𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙` .𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚡: 𝚊𝚞𝚝𝚘; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚝𝚢𝚙𝚎: 𝚡 𝚖𝚊𝚗𝚍𝚊𝚝𝚘𝚛𝚢; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚊𝚍𝚍𝚒𝚗𝚐-𝚒𝚗𝚕𝚒𝚗𝚎: 𝟷.𝟻𝚛𝚎𝚖; /* 𝚖𝚊𝚝𝚌𝚑𝚎𝚜 𝚢𝚘𝚞𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚕/𝚙𝚛 */ } .𝚌𝚊𝚛𝚍 { 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚊𝚕𝚒𝚐𝚗: 𝚌𝚎𝚗𝚝𝚎𝚛; 𝚏𝚕𝚎𝚡-𝚜𝚑𝚛𝚒𝚗𝚔: 𝟶; } When you scroll, it snaps exactly in the center of the card Super fun to use, easy to implement, no javascript required

Manu Arora

55,350 görüntüleme • 2 ay önce

A playful carousel for my new portfolio, built with framer motion
0:13

A playful carousel for my new portfolio, built with framer motion

Daniel Destefanis

66,093 görüntüleme • 1 yıl önce

✍️ New article: CSS cap unit A look at how I solved a design problem with CSS cap unit. 🔗
0:18

✍️ New article: CSS cap unit A look at how I solved a design problem with CSS cap unit. 🔗

Ahmad Shadeed

34,475 görüntüleme • 2 yıl önce

What if xAIs was a fur logo 💚 Made with AI in seconds → #xAIs #AIart #Furlogo $fur
0:10

What if xAIs was a fur logo 💚 Made with AI in seconds → #xAIs #AIart #Furlogo $fur

xAIs

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

i made an interactive logo and i can't stop playing with it
0:16

i made an interactive logo and i can't stop playing with it

Hours

84,835 görüntüleme • 1 yıl önce

When you try and position a dress with CSS...
0:14

When you try and position a dress with CSS...

Yoav Ganbar

24,647 görüntüleme • 3 yıl önce

created this animated vestaboard, made using Next.js and Tailwind CSS
0:11

created this animated vestaboard, made using Next.js and Tailwind CSS

OPM

12,995 görüntüleme • 6 ay önce

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

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
0:16

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,769 görüntüleme • 8 ay önce

Product carousel made by Daniel Carrai for Current Nostalgia, what a cool display👏 All items 3D scanned with Polycam’s photo mode and cleaned up with Blender. Also Leap Motion is used for hand tracking. 🤝
0:16

Product carousel made by Daniel Carrai for Current Nostalgia, what a cool display👏 All items 3D scanned with Polycam’s photo mode and cleaned up with Blender. Also Leap Motion is used for hand tracking. 🤝

polycam

15,569 görüntüleme • 2 yıl önce

📲 this weekend i built a tiny app for pixelating your photos before posting them online who wants a testflight?
0:17

📲 this weekend i built a tiny app for pixelating your photos before posting them online who wants a testflight?

pugson

44,372 görüntüleme • 1 yıl önce

A carousel on a ring by wlgmetalcouture
0:11

A carousel on a ring by wlgmetalcouture

DaVinci

104,091 görüntüleme • 3 ay önce

We made you this liquid metal logo Sketch. Your logo is incredible. This is definitely not a trojan horse.
0:13

We made you this liquid metal logo Sketch. Your logo is incredible. This is definitely not a trojan horse.

Paper

38,969 görüntüleme • 1 yıl önce

Sigma BF - Rebuilt with CSS
0:13

Sigma BF - Rebuilt with CSS

Florian

27,283 görüntüleme • 1 yıl önce