https://github.com/georgewpark/css-gradient-clip-path-borders

This project demonstrates how the CSS clip-path property can be used to create a variety of shaped gradient borders.
https://github.com/georgewpark/css-gradient-clip-path-borders

border clip-path css css-gradients design

Last synced: 3 months ago
JSON representation

This project demonstrates how the CSS clip-path property can be used to create a variety of shaped gradient borders.

• Host: GitHub
• URL: https://github.com/georgewpark/css-gradient-clip-path-borders
• Owner: georgewpark
• License: mit
• Created: 2018-08-16T15:59:34.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-08-31T13:14:19.000Z (over 6 years ago)
• Last Synced: 2025-01-15T11:12:32.155Z (4 months ago)
• Topics: border, clip-path, css, css-gradients, design
• Language: CSS
• Homepage: https://cdpn.io/ZoaRrV/
• Size: 75.2 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license.md

Awesome Lists containing this project

README

        
# CSS Gradient Clip-Path Borders

This project demonstrates how the CSS clip-path property can be used to create a variety of shaped gradient borders.

![CSS Gradient Clip-Path Borders Demo](demo-image.JPG "CSS Gradient Clip-Path Borders Demo")

## Live Demo

A live demo is available on [CodePen](https://codepen.io/GeorgePark/full/ZoaRrV/).

## License

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