CSS3动画轻松输入输出无限

我有以下代码：

Chrome、Safari、Opera*/ @-webkit关键帧缩放{ 从{ -webkit变换：比例（1,1）； } 到{ -webkit转换：比例（1.5,1.5）； } } /*标准语法*/ @关键帧缩放{ 从{ 变换：比例（1,1）； } 到{ 变换：比例（1.5,1.5）； } } img{ -webkit动画：zoom 1s轻松无限放大；/*Chrome、Safari、Opera*/ 动画：缩放1s轻松无限放大； 高度：100px； }

Chrome、Safari、Opera*/ @-webkit关键帧缩放{ 从{ -webkit变换：比例（1,1）； } 50% { -webkit转换：比例（1.5,1.5）； } 到{ -webkit变换：比例（1,1）； } } /*标准语法*/ @关键帧缩放{ 从{ 变换：比例（1,1）； } 50% { 变换：比例（1.5,1.5）； } 到{ 变换：比例（1,1）； } } img{ -webkit动画：zoom 1s轻松无限放大；/*Chrome、Safari、Opera*/ 动画：缩放1s轻松无限放大； 高度：100px； }

Chrome、Safari、Opera*/ @-webkit关键帧缩放{ 从{ -webkit变换：比例（1,1）； } 50% { -webkit转换：比例（1.5,1.5）； } 到{ -webkit变换：比例（1,1）； } } /*标准语法*/ @关键帧缩放{ 从{ 变换：比例（1,1）； } 50% { 变换：比例（1.5,1.5）； } 到{ 变换：比例（1,1）； } } img{ -webkit动画：zoom 1s轻松无限放大；/*Chrome、Safari、Opera*/ 动画：缩放1s轻松无限放大； 高度：100px； }

替代解决方案（“替代”属性）：

@-webkit关键帧缩放{
从{
-webkit变换：比例（1,1）；
}
50% {
-webkit转换：比例（1.5,1.5）；
}
到{
-webkit变换：比例（1,1）；
}
}
@关键帧缩放{
从{
变换：比例（1,1）；
}
到{
变换：比例（1.5,1.5）；
}
}
img{
-webkit动画：缩放1s轻松输入输出无限交替；
动画：缩放1秒，缩小无限交替；
高度：100px；
}

替代解决方案（“替代”属性）：

@-webkit关键帧缩放{
从{
-webkit变换：比例（1,1）；
}
50% {
-webkit转换：比例（1.5,1.5）；
}
到{
-webkit变换：比例（1,1）；
}
}
@关键帧缩放{
从{
变换：比例（1,1）；
}
到{
变换：比例（1.5,1.5）；
}
}
img{
-webkit动画：缩放1s轻松输入输出无限交替；
动画：缩放1秒，缩小无限交替；
高度：100px；
}

---

Dmitry的解决方案更好，但我将在这里保留它作为多个关键帧的演示。Dmitry的解决方案更好，但我将在这里保留它作为多个关键帧的演示。