.my-heart-example{
	width: 100px;
	height: 160px;
	background: #f00;
	border-radius: 100px 100px 0 0;
}

.my-heart {
	position: relative;
	width: 200px;
	height: 200px;
}
.my-heart:before,
.my-heart:after {
	position: absolute;
	content: "";
	left: 100px;
	top: 0;
	width: 100px;
	height: 160px;
	border-radius: 100px 100px 0 0;
	transform: rotate(-45deg);
	transform-origin: 0 100%;
	animation: heart-size  3s infinite ease-out;
}
.my-heart:before{
	background: linear-gradient(100deg, #f00, #f00, #f00, #f00, #900);
}
.my-heart:after {
	left: 0;
	transform: rotate(45deg);
	transform-origin: 100% 100%;
	background: linear-gradient(20deg, #f00, #f00, #f00, #900);
}
    
    
@keyframes heart-size {
	0% { width: 100px;height: 160px;}
	5% {width: 100px;height: 161px;}
	10% {width: 100px;height: 160px;}
	15% {width: 100px;height: 162px;}
	20% {width: 100px;height: 160px;}
}