Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Method 1: border-image */ .border1 { border: 3px solid; border-image: linear-gradient(135deg, #667eea, #764ba2) 1; } /* Method 2: background-clip */ .border2 { background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #667eea, #764ba2) border-box; border: 3px solid transparent; border-radius: 12px; }
Result
Open