第一张图片:
0% {
opacity:1;
transform: scale(1.5); 开始的时候是放大状态
}
2% {
opacity:1;
}
23%{
opacity:1;
}
26%{
opacity:0; 透明了看不见,
transform: scale(1); 第一张图片缩小完成
}
100%{
opacity:0;
transform: scale(1.5); 最后完成时候 回到放大状态
}
第二张图片
23% { 从23%的时间点接上第一张图片
opacity: 1;
transform: scale(1.5);
}
26% {
opacity: 1;
}
48% {
opacity: 1;
}
51% {
opacity: 0; 第二张图片完成 然后隐藏起来了
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1.5);
}