我這個鼠標滑過沒變化呢 ...

...

_亓

2014-12-05

源自：十天精通CSS3 9-8

關注問題我要回答

1212

操作

收起

3 回答

purple_yao
2014-12-05

你的49行代碼webkit前少了一個字符“-”，

“webkit-animation-play-state:running;”

應該寫成：

“-webkit-animation-play-state:running;”

0 回復有任何疑惑可以回復我~

收起回答

_亓提問者

非常感謝！

2014-12-05 回復有任何疑惑可以回復我~

_亓提問者
2014-12-05

@-webkit-keyframes?move?{
??0%{
????transform:?translateY(90px);
??}
??15%{
????transform:?translate(90px,90px);
??}
??30%{
????transform:?translate(180px,90px);
??}
??45%{
????transform:?translate(90px,90px);
??}
??60%{
????transform:?translate(90px,0);
??}
??75%{
????transform:?translate(90px,90px);
??}
??90%{
????transform:?translate(90px,180px);
??}
??100%{
????transform:?translate(90px,90px);
??}
}

div?{
??width:?200px;
??height:?200px;
??border:?1px?solid?red;
??margin:?20px?auto;
}
span?{
??display:?inline-block;
??width:?20px;
??height:?20px;
??background:?orange;
??transform:?translateY(90px);
??-webkit-animation-name:?move;
??-webkit-animation-duration:?10s;
??-webkit-animation-timing-function:?ease-in;
??-webkit-animation-delay:?.2s;
??-webkit-animation-iteration-count:infinite;
??-webkit-animation-direction:alternate;
??-webkit-animation-play-state:paused;
}
div:hover?span?{
??webkit-animation-play-state:running;
}

0 回復有任何疑惑可以回復我~

收起回答