                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /十天精通CSS3

我這個(gè) 鼠標(biāo)滑過(guò)沒(méi)變化呢 ...

...

_亓

2014-12-05

源自：十天精通CSS3 9-8

關(guān)注問(wèn)題我要回答

1210

操作

收起

3 回答

purple_yao
2014-12-05

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

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

應(yīng)該寫(xiě)成：

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

_亓提問(wèn)者

非常感謝！

2014-12-05 回復(fù) 有任何疑惑可以回復(fù)我~

_亓提問(wèn)者
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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答