用CSS3咋写“跳动的心”？

CSS3写跳动的心需要哪些样式(属性)？

1.动画样式：

触发式动画：
	①触发条件:   :hover	   :checked		:active
	②动画的参数： transition-duration:5s;--时间参数	transition-delay:1s;--延迟执行  
 		   transition-tinming-function:linear/ease/ease-in/ease-out/eaes-in-out;
			  - 匀速/慢快慢/慢速开始/慢速结束/慢速开始和结束--过渡动画时间参数。
    transition-property:width/height/all/none/initial/unset/inherit;--过渡动画属性
 ③复合写法：transition：property  duration tinming-function delay;
                	例如：  transitiono: all 3s esea-in-out ;
自动式动画：
	   ①动画参数： transition-iteration-count:3/infinite;--3次/无限循环		
							derection：mormal/alternate/reverse/alternate-reverse;
									默认/龙摆尾/反向执行/反向龙摆尾
							animation-play-state:running/paused;--默认播放/停止
							animation-fill-mode:forwards/backwards;--保留最后一帧/保留第一帧
    ②格式：   div{  animation:animationname 3s;   }
				    @keyframes animationname{
								两个以上的：	     0%{...........}		   只有两个：from