Welcome to SyntaxShift! Explore developer tools, code converters, and more.
SyntaxShift
Beta
Blogs
Dev Tools
Code Converter
Online IDEs
Sign in
Border Radius Generator
All corners the same
Border Radius: 8px
8px
Box Size: 200px
200px
Box Color:
Background Color:
Presets
Square
Slightly Rounded
Rounded
More Rounded
Very Rounded
Circle
Custom Shapes
Top Only
Bottom Only
Left Only
Right Only
Top-Left
Diagonal
Copy Border Radius CSS
Generated CSS
border-radius: 8px;
CSS with Vendor Prefixes
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;