這個代碼有效果但是提交的時候提示錯誤
@keyframes changecolor{
? 0%{
? ? background: red;
? ? height:10px;
? }
? 20%{
? ? background:blue;
? ? height:30px;
? }
? 40%{
? ? background:orange;
? ? height:40px;
? }
? 60%{
? ? background:green;
? ? height:50px;
? }
? 80%{
? ? background:yellow;
? ? height:100px;
? }
? 100%{
? ? background: red;
? ? height:200px;
? }
}
div {
? width: 300px;
? height: 200px;
? background: red;
? color:#fff;
? margin: 20px auto;
}
div:hover {
? animation: changecolor 5s ease-out .2s;
}
這個代碼有效果但是提交的時候提示錯誤
2016-11-01
將這一段代碼
div {
? width: 300px;
? height: 200px;
? background: red;
? color:#fff;
? margin: 20px auto;
}
放到最前面就可以了