Skip to content

thiagorocha503/border-radius-previewer

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
css
css
 
 
js
js
 
 
README.md
README.md
 
 
index.html
index.html
 
 
tsconfig.json
tsconfig.json
 
 

Repository files navigation

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

Example projects

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

Example projects

About

Boder radius previewer

thiagorocha503.github.io/border-radius-previewer/

Topics

javascript css html typescript border-radius border-radius-previewer

Resources

Readme
Activity

Stars

0 stars

Watchers

3 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages