jQuery Plugin To Generate Custom CSS Shapes - SSShapes

File Size: 6.06 KB
Views Total: 2884
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin To Generate Custom CSS Shapes - SSShapes

SSShapes is a super simple jQuery plugin that helps you generate CSS/CSS3 based shapes with variable dimensions, colors and directions.

CSS shaped supported:

  • circle
  • square
  • triangle

How to use it:

1. First you have to include the jQuery SSShapes plugin after you've included jQuery library:

<script src="//code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="SSShapes.js"></script>

2. Create an element where you want to render the CSS shapes.

<div id="demo"></div>

3. Create a new SSShapes object and pass the parameters as follows:

// _SSS(shape,dimension1,dimension2,color,direction);
var myShape = _SSS('circle',200,200,'#999');

4. Render a custom circle inside the DIV element you created.


This awesome jQuery plugin is developed by tgillstar. For more Advanced Usages, please check the demo page or visit the official website.