Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

guerriero_se's profile picture

Sebastiano Guerriero

16,485 subscribers

203,250 görüntüleme • 2 yıl önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

Haz

288,674 görüntüleme • 7 ay önce

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

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

Haz

229,552 görüntüleme • 7 ay önce

What would a negative border radius even be
0:11

What would a negative border radius even be

omar

19,660 görüntüleme • 2 yıl önce

📌 2 lines of CSS to create a responsive Grid
0:13

📌 2 lines of CSS to create a responsive Grid

andrej

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

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

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

andrej

459,176 görüntüleme • 3 yıl önce

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.
0:17

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,395 görüntüleme • 3 ay önce

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.
0:13

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,880 görüntüleme • 2 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,924 görüntüleme • 11 ay önce

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)
0:11

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,653 görüntüleme • 9 ay önce

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 😉
0:12

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

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.
0:19

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.

Dan Hollick

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

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

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

David Mráz

300,206 görüntüleme • 2 yıl önce

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

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

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

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

Viki ✨

342,996 görüntüleme • 2 yıl önce

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

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

Very clever examples from Preethi animating border-image. Super easy to forget it's animatable in the first place. That radial gradient one is just... 😍
0:10

Very clever examples from Preethi animating border-image. Super easy to forget it's animatable in the first place. That radial gradient one is just... 😍

CSS-Tricks

17,122 görüntüleme • 1 ay önce