How to create a car shape using CSS

One winter morning with nothing much to do, I started playing around with css. And ended up building a car shape using only CSS. No images were harmed in the making:-)

Here is what the car looks like

See the Pen css car by Femy Praseeth (@femkreations) on CodePen.


  • Create four div tags.
  • Set the position relative for the divs.
  • Using top and left, position the divs as needed.
  • Add background color, rounded corners to shape up the divs.

Enjoy the car ride. Let me know what you think.

Leave a Reply

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

Endorsed by these folks ...

Femy is a very creative web designer. Not only did she provide great results for our company, she was also very fast. I love how she communicated with me every step of the way and the end results were exactly what we wanted.

Quynh Ho CFO, Cereus Corporation