Skip to content

This project demonstrates a simple method of applying a CSS gradient to a rounded border using background-clip, providing a solution to the problem where border-radius alone won't create rounded corners when a gradient is applied using border-image.

License

georgewpark/CSS-Gradient-Rounded-Borders

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Gradient Rounded Borders

This project demonstrates a simple method of applying a CSS gradient to a rounded border using background-clip, providing a solution to the problem where border-radius alone won't create rounded corners when a gradient is applied using border-image.

CSS Gradient Rounded Borders Demo

Live Demo

A live demo is available on CodePen.

License

This project is licensed under the MIT License - see the license.md file for details.

About

This project demonstrates a simple method of applying a CSS gradient to a rounded border using background-clip, providing a solution to the problem where border-radius alone won't create rounded corners when a gradient is applied using border-image.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published