heartbeat--动画

第一种方式：heartbeat--动画

CSS代码为：

.pages .p3 img{ width: 100%;}
.item-01{ position: absolute; left: 20px; top: 10px; width: 300px;-webkit-animation: heartbeat 2s ease 0s 1 both;}
.item-02{ position: absolute; left: 250px; top: 300px; width: 300px;-webkit-animation: heartbeat 1.5s infinite ease-in-out;}
@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.heartbeat{-webkit-animation-name:heartbeat;animation-name:heartbeat}

本地效果为：app/html5_animation/heartbeat.html