Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

I created a custom 'border radius' component that, besides classical 'radius,' also has a 'roundness' property. It allows for creating, IMO, a way more 'interesting' and 'appealing' effect. Fun fact - Apple uses exactly this for iPhone and other devices (

Adam Pietrasiak

38,223 subscribers

350,312 views • 3 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Fun fact. Apple uses a consistent corner radius across most of its products, including iPhones, iPads, Macs, and Apple Watches. A strategy that helps all their devices look and feel connected. This is a demonstration.

Fun fact. Apple uses a consistent corner radius across most of its products, including iPhones, iPads, Macs, and Apple Watches. A strategy that helps all their devices look and feel connected. This is a demonstration.

Massimo

980,519 views • 1 year ago

Fun fact. Apple uses a consistent corner radius of about 38 pixels across ALL its products, including iPhones, iPads, Macs, and Apple Watches. A strategy that helps all their devices look and feel connected. This is a demonstration.

Fun fact. Apple uses a consistent corner radius of about 38 pixels across ALL its products, including iPhones, iPads, Macs, and Apple Watches. A strategy that helps all their devices look and feel connected. This is a demonstration.

Massimo

6,484,084 views • 1 year ago

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)

Framer University

25,532 views • 1 year ago

not only apple uses same radius across products but i hear that they have patented it as well

not only apple uses same radius across products but i hear that they have patented it as well

Ganesh Sonawane

959,455 views • 1 year ago

This bugs me more than it should. This is Ghostty, but it happens to other software. Characters on the corners are cropped by the border radius of the window. I like macOS in general, but wish Apple would roll back the rounded corners a tad.

This bugs me more than it should. This is Ghostty, but it happens to other software. Characters on the corners are cropped by the border radius of the window. I like macOS in general, but wish Apple would roll back the rounded corners a tad.

Will McGugan

35,027 views • 5 months ago

Let's talk about other QoL changes! For the glue addicts, there's a new "hardness" property to set glue brush radius similar to deform brush! Also you can set weight display opacity

Let's talk about other QoL changes! For the glue addicts, there's a new "hardness" property to set glue brush radius similar to deform brush! Also you can set weight display opacity

Ran 🐲 Live2D Animator

38,821 views • 9 months ago

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

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

CodePen.IO

23,146 views • 11 months ago

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

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

Sebastiano Guerriero

203,250 views • 1 year ago

New version of @⁠callstack/liquid-glass has been released! This one makes use of the new iOS 26 API for border radius, making it compatible with context menus from Zeego 🔥 You can now achieve this awesome merge effect ⬇️

New version of @⁠callstack/liquid-glass has been released! This one makes use of the new iOS 26 API for border radius, making it compatible with context menus from Zeego 🔥 You can now achieve this awesome merge effect ⬇️

Oskar

23,299 views • 7 months ago

Trailing images effect in Framer Paul Lapkin was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌

Trailing images effect in Framer Paul Lapkin was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌

Duy Luong

47,151 views • 2 years ago

i made it so only people within in a 15 mile radius of me can see this post and comment “X”

Sensitive content

i made it so only people within in a 15 mile radius of me can see this post and comment “X”

Dionx

35,182 views • 1 year ago

i made it so only people within in a 15 mile radius of me can see this post and comment “X”

Sensitive content

i made it so only people within in a 15 mile radius of me can see this post and comment “X”

Sean

729,885 views • 1 year ago

i made it so only people within in a 15 mile radius of me can see this post and comment “hey”

i made it so only people within in a 15 mile radius of me can see this post and comment “hey”

Sean

109,730 views • 1 year ago

Terrain Scan Shader 🔎 This material adapts to a sphere mesh using Object Position and Radius making the scan effect seamlessly appear over other objects in your scene #gamedev #VFX #realtimeVFX #UnrealEngine

Terrain Scan Shader 🔎 This material adapts to a sphere mesh using Object Position and Radius making the scan effect seamlessly appear over other objects in your scene #gamedev #VFX #realtimeVFX #UnrealEngine

TUATARA

46,323 views • 1 year ago

i made it so only people within in a 15 mile radius of me can see this post and comment “hi”

Sensitive content

i made it so only people within in a 15 mile radius of me can see this post and comment “hi”

xTyrellz

62,555 views • 1 year ago

I told Claude read entire CAPlayground source code and my previous custom tendies, from that custom for me an animation wallpaper for iPhone and this is what it did

I told Claude read entire CAPlayground source code and my previous custom tendies, from that custom for me an animation wallpaper for iPhone and this is what it did

Huy Nguyen

18,096 views • 1 month ago

A fun CSS-only experimentation using modern features (anchor positioning, @property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IO

A fun CSS-only experimentation using modern features (anchor positioning, @property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IO

CSS by T. Afif

12,042 views • 1 year ago

Unlike the buffalo who dig through tonnes of snow, this crafty fox has a unique way of hunting its prey in winter. And what's more interesting, is that it uses the Earth’s magnetic field as a targeting system.

Unlike the buffalo who dig through tonnes of snow, this crafty fox has a unique way of hunting its prey in winter. And what's more interesting, is that it uses the Earth’s magnetic field as a targeting system.

Massimo

42,990 views • 5 months ago

Do you know about the filter property in CSS? Among many other awesome options, it allows you to easily add a black and white effect on images.

Do you know about the filter property in CSS? Among many other awesome options, it allows you to easily add a black and white effect on images.

andrej

160,866 views • 3 years ago

Take a peek at a Dev Team member's custom gadget loadout! ⚙️ This combo build earns rings through drifting and uses that power for even more speed! Master continuous drifts and you're on your way to victory! Share your favorite custom setups with us! 💬

Take a peek at a Dev Team member's custom gadget loadout! ⚙️ This combo build earns rings through drifting and uses that power for even more speed! Master continuous drifts and you're on your way to victory! Share your favorite custom setups with us! 💬

Sonic Racing: CrossWorlds

180,974 views • 7 months ago