https://9elements.github.io/fancy-border-radius/

When you use eight values specifying border-radius in CSS, you can build organic looking shapes. Simply use our Generator at
https://9elements.github.io/fancy-border-radius/

Last synced: about 1 month ago
JSON representation

When you use eight values specifying border-radius in CSS, you can build organic looking shapes. Simply use our Generator at

• Host: GitHub
• URL: https://9elements.github.io/fancy-border-radius/
• Owner: 9elements
• License: mit
• Created: 2018-08-20T09:44:34.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-06-06T02:59:34.000Z (over 1 year ago)
• Last Synced: 2024-06-17T17:12:40.806Z (6 months ago)
• Language: HTML
• Homepage: https://9elements.github.io/fancy-border-radius/
• Size: 1.72 MB
• Stars: 1,554
• Watchers: 27
• Forks: 141
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-digital-marketing - Fancy Border Radius - A visualized border radius generator which utilizes eight values specifying border radius in CSS to build organic looking shapes. (Web Design / URL Shorteners)
• awesome-coding-startup - fancy-border-radius
• awesome-click-and-use - Fancy Border Radius - Interactive tool for creating complex border-radius shapes with CSS. (CSS to copy)
• awesome-webdev-resources - Fancy Border Radius - radius CSS values with live previews. | (Table of Contents)
• awesome-webdev-resources - Fancy Border Radius - radius CSS values with live previews. | (Table of Contents)

README

        
# CSS Border-Radius Can Do That?

When you use eight values specifying border-radius in CSS, you can build organic looking shapes. WOW 😱.

[Here](https://medium.com/9elements/css-border-radius-can-do-that-d46df1d013ae) is an article giving you some background information about the whole CSS border-radius-slash-syntax stuff.

**TL/DR:** — simply use our [visual generator](https://9elements.github.io/fancy-border-radius/).

## How to develop:

```

npm install

npm run dev

```

open http://localhost:5174/

or

open http://localhost:5174/full-control.html

Serves the bundle in-memory.

## How to for production build and preview locally:

```

npm run build

npm run preview

```