有趣的css - 音频小动效
/* 定义一个音频播放时的小动效 */
.audio-effect {
animation: pulse 1s infinite alternate;
transform-origin: 50% 50%;
}
/* 定义动效关键帧 */
@keyframes pulse {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}这段代码定义了一个简单的动效，当音频文件正在播放时，元素将以中心点为轴进行缩放，不断地从原始大小缩放到1.1倍大小，然后再缩回原大小，这个动效可以表示音频正在播放的状态。
评论已关闭