正在加载视频...

视频加载失败

返回首页

a pixelating logo carousel made with css

tjcages's profile picture

ty

7,426 subscribers

62,248 次观看 • 2 个月前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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 次观看 • 8 个月前

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 次观看 • 5 个月前

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 7 个月前

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 次观看 • 2 个月前

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 次观看 • 1 年前

✍️ 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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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

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

Yoav Ganbar

24,647 次观看 • 3 年前

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 次观看 • 6 个月前

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 次观看 • 1 年前

💡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 次观看 • 8 个月前

📲 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 次观看 • 1 年前

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 次观看 • 2 年前

A carousel on a ring by wlgmetalcouture
0:11

A carousel on a ring by wlgmetalcouture

DaVinci

104,091 次观看 • 3 个月前

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 次观看 • 1 年前

Sigma BF - Rebuilt with CSS
0:13

Sigma BF - Rebuilt with CSS

Florian

27,283 次观看 • 1 年前