说明:
复合属性,检索或设置对象所应用的特效属性。(如果是多组属性值,以逗号分割)
注意:如果只提供一个<' timtim animation个的取值、含义 animation的属性 animation的兼容性 兼容 .main{ width: 400px; height: 400px;border:1px solid rgb(200, 200, 200); position: relative;} .yuan{ width: 40px; height: 40px; border-radius: 50%; background-color: rgb(243, 223, 8); margin: 20px auto 0; opacity: 1;animation: move 3s ease-out 1s forwards; transform: translate(80px);} @keyframes move{ 0%{opacity: 1;width:40px;height: 40px;transform: translate(0)} 25%{opacity: 0.5;width: 30px;height: 30px;transform: translate(20px)} 50%{opacity: 0;width: 20px;height: 20px;transform: translate(40px)} 75%{opacity: 0.5;width: 30px;height: 30px;transform: translate(60px)} 100%{opacity: 1;width: 40px;height: 40px;transform: translate(80px)} } <div class="main"><div class="yuan"></div></div>语法:
兼容性:
动画:
作者:超爱吃小龙虾
链接:https://www.jianshu.com/p/fdedb01aeb77
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章