正在加载视频...

视频加载失败

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

How to create a customizable 'flipped' border-radius in CSS ↓

Sebastiano Guerriero

16,485 subscribers

203,250 次观看 • 1 年前 •via X (Twitter)

艺术教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

This border-radius transition 🤌🏽 Believe it or not, it's just CSS.

This border-radius transition 🤌🏽 Believe it or not, it's just CSS.

Haz

288,437 次观看 • 4 个月前

The new corner-shape CSS property unlocks exciting new UI patterns. corner-shape: bevel round; border-radius: 1em 0 / 3em 0;

The new corner-shape CSS property unlocks exciting new UI patterns. corner-shape: bevel round; border-radius: 1em 0 / 3em 0;

Haz

228,774 次观看 • 4 个月前

When nesting elements the outer border radius should always equal the inner border radius + padding.

When nesting elements the outer border radius should always equal the inner border radius + padding.

Jakub Krehel

17,686 次观看 • 6 个月前

Two ways to create responsive input fields in CSS ✨

Two ways to create responsive input fields in CSS ✨

Prasenjit

43,304 次观看 • 1 年前

📌 2 lines of CSS to create a responsive Grid

📌 2 lines of CSS to create a responsive Grid

andrej

404,490 次观看 • 3 年前

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 🔔

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,341 次观看 • 3 年前

No JavaScript needed 2 lines of CSS to create a swipe animation ✨

No JavaScript needed 2 lines of CSS to create a swipe animation ✨

andrej

459,097 次观看 • 2 年前

How to create a Simple Sushi 🍣 Restaurant Landing Page. I’ll provide you with the HTML, CSS, and JavaScript code snippets to build it step by step.

How to create a Simple Sushi 🍣 Restaurant Landing Page. I’ll provide you with the HTML, CSS, and JavaScript code snippets to build it step by step.

Dhanian 🗯️

46,867 次观看 • 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!

💡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 个月前

"border-radius and shape-outside" by Shannon Moeller

"border-radius and shape-outside" by Shannon Moeller

CodePen.IO

23,146 次观看 • 11 个月前

Styling with Tailwind feels like being trapped in a cage. You get some speed at the start, but the moment you want real control you're stuck. Only pure CSS gives you raw power. Change one variable and the border-radius updates everywhere in your UI. That's it. You can't beat that.

Styling with Tailwind feels like being trapped in a cage. You get some speed at the start, but the moment you want real control you're stuck. Only pure CSS gives you raw power. Change one variable and the border-radius updates everywhere in your UI. That's it. You can't beat that.

Kyrylo Silin

48,327 次观看 • 21 天前

Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)

Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)

Dima Belyaev

27,616 次观看 • 6 个月前

Create sidebar using HTML and CSS 🚀 Code in the comments 👨‍💻

Create sidebar using HTML and CSS 🚀 Code in the comments 👨‍💻

David Mráz

300,162 次观看 • 2 年前

Soon, thanks to AI, we’ll be able to turn any 2D character we create in Midjourney into fully customizable 3D assets!

Soon, thanks to AI, we’ll be able to turn any 2D character we create in Midjourney into fully customizable 3D assets!

el.cine

115,133 次观看 • 1 年前

How to get fixed background - CSS

How to get fixed background - CSS

Ali Reza

11,389 次观看 • 1 年前

Create these burgers using HTML and CSS 🚀 Code in the comments 👨‍💻

Create these burgers using HTML and CSS 🚀 Code in the comments 👨‍💻

David Mráz

33,732 次观看 • 1 年前

It took 40 minutes and 0 tears to create this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇

It took 40 minutes and 0 tears to create this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇

Viki ✨

342,932 次观看 • 2 年前

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.

Chris Stanchak

60,002 次观看 • 2 年前

Create responsive footer using just HTML and CSS 🚀 Code in the comments 🧑‍💻

Create responsive footer using just HTML and CSS 🚀 Code in the comments 🧑‍💻

David Mráz

28,915 次观看 • 2 年前

Create this sidebar using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Create this sidebar using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

65,912 次观看 • 1 年前