放大1.1倍 放小 动画

如果您希望放大的效果较小，可以调整示例代码中的transform: scale()的值。以下是一个示例，将按钮的放大比例减小到1.1：

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<p style="text-align: center;"><img class="btn1" src="static/picture/band.png" style="width: 100%; height: 100%;" title="band.png"   alt="button.png"></p>   <style> @keyframes zoom { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }   .btn1 { animation: zoom 1s infinite; } </style>

　　在上述示例中，0%表示动画开始时按钮的初始状态（不放大），50%表示动画进行到一半时按钮的放大状态，100%表示动画结束时按钮回到原始大小。您可以根据需要调整这些百分比和放大比例的值，以获得所需的效果。
请注意，动画将持续1秒，并且将无限循环播放。如果您想要其他持续时间或循环次数，请根据需要进行调整。