Generate Shapes Using CSS Gradients

Author: yuanchuan
Views Total: 369 views
Official Page: Go to website
Last Update: October 19, 2018
License: MIT


Generate Shapes Using CSS Gradients


This project showcase how to create shapes (e.g. square, circle, ribbon, triangle, etc) using CSS background and gradient properties.

How to use it:

Goto the Gradient Shapes page.

Copy and paste the CSS snippets into your project.

  linear-gradient(currentColor, currentColor)
  50% 50% / 50% 50%

See also  Material Design Checkboxes & Radio Buttons In Pure CSS - icheck-material

Leave a Reply

Your email address will not be published. Required fields are marked *