Generate Shapes Using CSS Gradients

Category: CSS & CSS3 , Recommended | October 19, 2018
Author:yuanchuan
Views Total:373 views
Official Page:Go to website
Last Update:October 19, 2018
License:MIT

Preview:

Generate Shapes Using CSS Gradients

Description:

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.

{
  background:
  linear-gradient(currentColor, currentColor)
  50% 50% / 50% 50%
  no-repeat;
  
}

You Might Be Interested In:


Leave a Reply