其他属性 - 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学习动画曲线等知识

.bat程序教程	python入门基础教程	Pandas教程	Pygame教程
Django3.2.9教程	Flask1.1.1教程	python3.X - 区块链教程	Java教程
Spring教程	C#教程	PHP教程	R教程
Node.js教程	mysql数据库教程	Redis数据库教程	MongoDB数据库教程
RabbitMQ教程	Lua教程	FindBI教程	HTML5教程
CSS教程	Javascript教程	jQuery教程	微信小程序教程
微信小游戏教程	Vue.js教程	服务器教程	TensorFlow教程
PyTorch教程	Unity教程	Objective-C教程	Android教程
AppleScript教程	Mac - SHELL教程	算法教程	Python教程
数据库教程	运维工具教程	Nginx教程	Docker教程

其他属性 - keyframes - 动画

精彩教程