https://github.com/9elements/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://github.com/9elements/fancy-border-radius

Last synced: 30 days 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://github.com/9elements/fancy-border-radius
• Owner: 9elements
• License: mit
• Created: 2018-08-20T09:44:34.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-06-06T02:59:34.000Z (over 1 year ago)
• Last Synced: 2024-10-01T12:01:35.331Z (about 1 month ago)
• Language: HTML
• Homepage: https://9elements.github.io/fancy-border-radius/
• Size: 1.72 MB
• Stars: 1,568
• Watchers: 27
• Forks: 145
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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

```