CSS3紅心跳動動畫代碼如下：

/* 設置紅心樣式 */
.heart{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:50px;
height:50px;
background-color:#ff5b5b;
transform-origin:center;
animation:heartbeat 1s ease-in-out infinite;
}
/* 定義跳動動畫 */
@keyframes heartbeat{
0%{
transform:scale(1);
}
25%{
transform:scale(1.2);
}
50%{
transform:scale(1);
}
100%{
transform:scale(1);
}
}

代碼中，通過設置heart樣式的position為absolute，然后在父元素中設置它的位置為50%。transform:translate(-50%,-50%)可以將紅心精確地定位于父元素的中心位置。定義好紅心的樣式之后，使用@keyframes定義heartbeat動畫，通過不同時間節點的transform:scale設置紅心大小的變化，實現了紅心的跳動效果。最后，將heartbeat動畫設置為heart樣式的animation，用infinite屬性制作了一個循環動畫。