Border Radius Previewer

Status: In Progress

Tier: 1-Beginner

The second project in the app-ideas list is border radius preview tool. The goal of this page is to provide the user the way to manipulate the corner radi of a shape and then provide the css for them to use it where they like.

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) User can change all 8 possible values of the border-radius in order to create a complex shape

The Solve