正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

I've created a simple website that allows you to play with squircles using modern CSS `corner-shape`

Adam Pietrasiak

35,501 subscribers

48,723 次观看 • 9 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

I've created a Chrome extension that squircles every rounded element on every website Enjoy!

I've created a Chrome extension that squircles every rounded element on every website Enjoy!

Adam Pietrasiak

98,824 次观看 • 9 个月前

made it even better! now it uses: - native squircles/superellipse using css `corner-shape` property - separate X/Y border radii, so corners flatten horizontally without losing their height

made it even better! now it uses: - native squircles/superellipse using css `corner-shape` property - separate X/Y border radii, so corners flatten horizontally without losing their height

Kevin Grajeda

108,899 次观看 • 1 个月前

Squircles, now in Framer. Design layouts and components with smooth corners, with complete support for animations. Using the modern corner-shape style, with our own unique fallback matching the optical rounding, so your designs never break.

Squircles, now in Framer. Design layouts and components with smooth corners, with complete support for animations. Using the modern corner-shape style, with our own unique fallback matching the optical rounding, so your designs never break.

benjamin

38,669 次观看 • 9 个月前

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().

Chrome for Developers

24,796 次观看 • 5 个月前

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

🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩

🎮 New CSS Game! What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩

CSS by T. Afif

13,762 次观看 • 2 年前

I've built an app to play around with the new CSS squircle feature. →

I've built an app to play around with the new CSS squircle feature. →

Jim Raptis

27,748 次观看 • 7 个月前

Gemini 3 is absolutely crazy you can generate a website that can use hands to interact with 3D models.. how's this even possible created with simple text prompt, no need coding at all

Gemini 3 is absolutely crazy you can generate a website that can use hands to interact with 3D models.. how's this even possible created with simple text prompt, no need coding at all

el.cine

896,341 次观看 • 9 个月前

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

Added a simple tool to the Framer website that allows you to check your website’s meta tags and see how they display across multiple platforms, including X, Google, Slack, LinkedIn, and Threads.

Added a simple tool to the Framer website that allows you to check your website’s meta tags and see how they display across multiple platforms, including X, Google, Slack, LinkedIn, and Threads.

Jurre Houtkamp

22,717 次观看 • 7 个月前

Tailwind CSS Tip (24/30) ✨ You can create a transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉

Tailwind CSS Tip (24/30) ✨ You can create a transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉

Surjith S M ✪

45,134 次观看 • 3 年前

The triangle🔺 is the most popular shape and I still see old and obsolete methods to create it. ⚠️STOP DOING THIS⚠️ 👉 A collection of CSS-only triangles made with a single-element and modern CSS. With the border-only and rounded corners variations.

The triangle🔺 is the most popular shape and I still see old and obsolete methods to create it. ⚠️STOP DOING THIS⚠️ 👉 A collection of CSS-only triangles made with a single-element and modern CSS. With the border-only and rounded corners variations.

CSS by T. Afif

14,689 次观看 • 2 年前

Saved you a click When you want to adjust a corner radius, the controls will now appear inline when that shape is selected

Saved you a click When you want to adjust a corner radius, the controls will now appear inline when that shape is selected

Figma

36,789 次观看 • 1 年前

Langevin Monte Carlo allows you to draw samples from a probability distribution using its log gradient ∇ log p(x). By performing a sort of gradient ascent with noise you can navigate around the distribution. Langevin MC is heavily related to modern diffusion models.

Langevin Monte Carlo allows you to draw samples from a probability distribution using its log gradient ∇ log p(x). By performing a sort of gradient ascent with noise you can navigate around the distribution. Langevin MC is heavily related to modern diffusion models.

Alec Helbling

96,981 次观看 • 1 年前

In The Expanse: Osiris Reborn, there are no strictly defined classes. Instead, you will have play styles—a system that allows you to customize the way you play and experiment with weapons, gadgets, and abilities. Play as you see fit!

In The Expanse: Osiris Reborn, there are no strictly defined classes. Instead, you will have play styles—a system that allows you to customize the way you play and experiment with weapons, gadgets, and abilities. Play as you see fit!

The Expanse: Osiris Reborn

35,874 次观看 • 7 个月前

css trick for the "shine" border 🧑‍🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move

css trick for the "shine" border 🧑‍🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move

jhey ʕ•ᴥ•ʔ

200,156 次观看 • 9 个月前

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.

Dillion

90,073 次观看 • 2 年前

I don't think I've seen a game engine editor that allows to just walk around your levels without going into play mode and interact with the scene from your player's POV? World first? (of course not)

I don't think I've seen a game engine editor that allows to just walk around your levels without going into play mode and interact with the scene from your player's POV? World first? (of course not)

David Svez 🌸

27,289 次观看 • 1 个月前

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

Tushar

12,555 次观看 • 2 年前

Are you feeling lucky? @PlusDotBet is a fully on-chain casino that allows you to play a variety of games with your assets, like blackjack and roulette. 🥇 Boom Winner | Emerald Tier

Are you feeling lucky? @PlusDotBet is a fully on-chain casino that allows you to play a variety of games with your assets, like blackjack and roulette. 🥇 Boom Winner | Emerald Tier

Sonic

36,560 次观看 • 1 年前