Dav/Devs LogoDav/Devs

Cut Corners Button

Chamfered button animations using CSS clip-path

·1 min read

By Davina Leong

I came across this Cut Corners tutorial by Kevin Powell, and decided to try it out. I had some free time and wanted to sharpen my CSS skills.

Tech Stack

  • Frontend: HTML, CSS, CSS Grid
  • Deployment: GitHub Pages
  • Highlights: CSS Animations

The demo is here and the repo is here. Feel free to check it out and use the code in your own projects. While credit is appreciated, it's not needed.

Useful links from the video:

  • Clippy - To generate CSS clip paths.
cssclip-pathanimationskevin-powelltutorial
Dav/Devs - Full Stack Developer Portfolio