32 - 其他属性 - keyframes - 动画

作用：动画

.bg3{
    -webkit-animation:mymove3 4.5s infinite; /*Safari and Chrome*/
    animation-direction:alternate;/*轮流反向播放动画。*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    }
    @keyframes mymove3
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                opacity:1;
                }
                25%{
                    transform: scale(1.3); /*放大1.3倍*/
                    opacity:0.4;
                }
                50%{
                    transform: scale(1);
                    opacity:1;
                }
                75%{
                    transform: scale(1.3);
                    opacity:0.3;
                }
            }

mymove3动画名字2个地方
4.5s时间
百分号指的是时间线

可以向小红书博主daodaoup学习动画曲线等知识