georgewpark / 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.

Home Page:https://cdpn.io/EEGJEj

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

https://cdpn.io/EEGJEj

License:MIT License


Languages

Language:CSS 72.2%Language:HTML 27.8%