Heart css

heart.css

.heart{ 
    position: relative; 
    width: 200px; 
    height: 200px; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    transform: rotate(45deg); 
    background-color: #FF7E7E; 
} 
.heart-shape:before, 
.heart-shape:after{ 
    position: absolute; 
    width: 200px; 
    height: 200px; 
    content: ''; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    -o-border-radius: 50%; 
    border-radius: 50%; 
    background-color: #FF7E7E; 
} 
.heart-shape:before{ 
    bottombottom: 0px; 
    left: -100px; 
} 
.heart-shape:after{ 
    top: -100px; 
    rightright: 0px; 
}