border-radius

There are still some details that need to be corrected, so I upload part of the code. And demo will be displayed after the correction.

Border-radius Previewer

Tier: 1-Beginner

The border-radius property can have multiple values changed. Preview how the shape looks while changing these values.

User Stories

• User can see a box which has a border-radius property applied to it
• User can change the 4 border-radius values that are applied to the box (top-left, top-right, bottom-left, bottom-right)
• User can copy the resulting CSS to the clipboard

Bonus features

• User can change all 8 possible values of the border-radius in order to create a complex shape

Useful links and resources

• CSS3 Borders
• Copy to Clipboard

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.