Negative Triangle Sass Mixin

Create negative triangles with this SASS mixin that leverages the power of the pseudo elements.

Made with: HTML,CSS (SCSS)

View Code

Centroid-Centred Css Triangle

CSS rotations centre on bounding boxes, so triangles are not rotated on their centroid. Using the :after pseudo-element for the triangle, the original element may be given a height and width to create bounding box centred around the triangle's centroid.

Made with: HTML (Slim),CSS (Sass)

View Code

Triangles

Logo with triangles.

Made with: HTML (Markdown),CSS (SCSS)

View Code