Border RadiusGenerator
A border-radius CSS Generator tool to quickly generate border-radius CSS declarations.
Preview
CSS Output
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Clip Path Controls
Basic Shapes
Shape Properties
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
How to Use
Basic Controls
- Select a basic shape from the Shape Selection panel
- Adjust shape parameters using the range sliders
- Drag the control points on the preview to reshape the clip path
- Add points to custom shapes using the Add Points mode
Advanced Features
- Save and load presets for quick access to your favorite shapes
- Animate your clip paths with custom duration, easing, and iterations
- Copy the generated CSS code and paste it into your project
- Toggle dark mode for comfortable late-night designing
Related Tools
Less to CSS Converter
Transform your Less code into CSS. Fast, easy, and secure.
Stylus to CSS Converter
Transform your SCSS code into CSS. Fast, easy, and secure.
CSS Minifier
Compress and optimize your CSS code with professional precision
Reactive Energy Converter
Convert reactive energy between different units with precision and ease
Base64 to CSV Converter
Convert Base64 encoded CSV data into downloadable CSV files instantly. Works locally in your browser with no data upload.
Base64 Encode Tool
Encode text to Base64 format with ease right in your browser.