ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

@keyframes规则

2021-05-13 02:01:35  阅读:27  来源: 互联网

标签:color 100px keyframes animation background 规则 red


1. 定义:

@keyframes animationname {keyframes-selector {css-styles;}}

2. 实例:

 1 /* 动画代码 */
 2 @keyframes example {
 3   from {background-color: red;}
 4   to {background-color: yellow;}
 5 }
 6 
 7 /* 向此元素应用动画效果 */
 8 div {
 9   width: 100px;
10   height: 100px;
11   background-color: red;
12   animation-name: example;
13   animation-duration: 4s;
14 }

 

标签:color,100px,keyframes,animation,background,规则,red
来源: https://www.cnblogs.com/icyyyy/p/14762851.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有