https://github.com/tthheusalmeida/border-radius
Preview how CSS3 border-radius values affect an element
https://github.com/tthheusalmeida/border-radius
affect border border-radius clipboard css element hmtl javascript preview radius
Last synced: about 1 year ago
JSON representation
Preview how CSS3 border-radius values affect an element
- Host: GitHub
- URL: https://github.com/tthheusalmeida/border-radius
- Owner: tthheusalmeida
- License: mit
- Created: 2020-06-09T15:03:51.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-10T22:36:09.000Z (almost 6 years ago)
- Last Synced: 2025-01-08T11:16:00.727Z (over 1 year ago)
- Topics: affect, border, border-radius, clipboard, css, element, hmtl, javascript, preview, radius
- Language: CSS
- Homepage:
- Size: 67.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Border-radius Previewer
> Preview how CSS3 border-radius values affect an element
# About this Project
The idea for this project came from the florinpop17 repository.
There are 80 ideas for better web development.
# Why?
This project is part of my personal portfolio and I would be very happy to receive feedback about the project, code, structure, anything that can make me a better developer!
E-mail: tthheusalmeida@gmail.com
LinkedIn: matheus-almeida-602139182
Also, you can use this project however you want, it is free to copy, change, improve ...
# Functionality
- After placing the values in the fields listed and pressing the "Try" button, it creates the preview of the border-radius.
- To receive the border-radius values, press the "Copy" button and you will be ready for the clipboard.
# How to use?
- Clone this repository to your local machine using `https://github.com/tthheusalmeida/border-radius.git`
- Unzip the cloned file
- Open the `border-radius-master` folder
- Double click on the `index.html` file
- Enter the values corresponding to the border-radius fields
- Press Try button to preview border-radius
- Press Copy button to copy to clipboard
# Note
- Border-radius values are copied in **%**, such as: **border-radius: 0% 50% 0% 50%**
- The minimum value that each element can assume is **0%**
- The maximum value that each element can assume is **50%**
# Built With
- HTML - Markup for page
- CSS - Style for page
- JavaScript - Manipulation of page features
# License
- MIT