AllTips(154)

css/Rounded Corners with CSS `infinity`

Rounded Corners with CSS `infinity`

Name: Rounded Corners with CSS `infinity`
Uploaded: 2024-03-20T01:10:44+08:00
Channel: Arbaoui Mehdi
Description: Using the CSS `calc` function with the `infinity` constant, which represents the largest possible value, to create a fully rounded corner button.

Next Tip

Source Code https://github.com/Front-Tips/calc-infinity-rounded-corner
MDN infinity constant Reference https://developer.mozilla.org/en-US/docs/Web/CSS/calc-constant#infinity
Can I Use infinity https://caniuse.com/?search=calc