Marko Dimitrijević

The shapes of CSS

Maybe you wonder where are all the images gone from websites which where used for styling purposes? This post certainly not going to give you an answer to that question but it will give you a quick overview of some effects that you can create and encourage you to dive more into the CSS and CSS3 stuff. All the shapes below are made of one or more HTML elements and their final shape is achieved with styling. There are editable CSS boxes below every shape so you can play with CSS properties and maybe find more shapes?

Square

Rectangle

Circle

Oval

Triangle

Trapezoid

Parallelogram

Car

One response to “The shapes of CSS”

  1. Dimi Avatar
    Dimi

    Feel free to post a comment with some of your CSS shapes and I will gladly include them here.

Leave a Reply

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