Ajax Loader
×

Creating Heart Shape using Pure CSS3

I have tried to create a Heart shaped shape using CSS3. For this, I first created a rectangle with rounded left sided corners. Now by using SELECTOR type 'after' i drew circle with the same color as original shape and placed it such that it gives us a 'HEART' shaped shape.

×

Coding Preferences


HTML

CSS

    Done

    Javascript

      Done

      More

      ×

      Your Default Settings - Preferences

      ×
      ×
      ×

      Validations

      (Errors from your JS or Pre-Processors code)

        HTML
        CSS
        JavaScript

        Creating Heart Shape using Pure CSS3

        CSSDeck G+