BorderFX Generator Studio
Back To Menu
Border Type
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
None
Custom Shape
Border Width
5px
Border Radius
0px
Border Color
Border Effect
None
Gradient Border
Pattern Border
Animated Border
Double Layer
Irregular Border
Gradient Colors
Add Color
Gradient Direction
Horizontal
Vertical
Diagonal
Angle (135deg)
Radial
Pattern Type
Dots
Lines
Checker
Custom SVG
Pattern Spacing
20px
Pattern Color
Animation Type
Pulse
Glow
Rainbow
Scanline
Animation Speed
5s
Inner Width
3px
Outer Width
5px
Inner Color
Outer Color
Irregularity Intensity
5px
Irregularity Frequency
50%
Smoothness
5
Generate
Random
Copy CSS
Reset
Preview Box