Border-radius Previewer
- HTML
- CSS
- JS
Difficulty:Easy
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-radiusproperty applied to it - User can change the 4
border-radiusvalues 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
More Challenges
- HTML
- CSS
- JS
Difficulty:Easy
Convert binary numbers (up to 8 digits) to decimal effortlessly, providing validation and insights into binary arithmetic concepts.
- HTML
- CSS
- JS
Difficulty:Easy
Create a functional calculator for basic arithmetic with a user-friendly interface, supporting clear operations and error handling.
- HTML
- CSS
- JS
Difficulty:Easy
Tool to view, customize and copy CSS border-radius properties, creating simple or complex shapes easily.