Please find the mistake

Question

div {
animation-name: tarek ;
animation-duration: 3s ;
animation-delay: 0s ;
-webkit-animation-name: test ;
-webkit-animation-duration: 3s ;
-webkit-animation-delay: 0s ;
}
@-webkit-keyframes test {
0% { left: 0px; top:0px ; }
25% { left: 240px; top:0px ; }
50% { left: 240px; top:300px ; }
75% { left: 0px; top:300px ; }
100% { left: 0px; top: 0px; }

Answer 1

As I suggested in a later question asked by you about similar problem you cannot have two different animation-name, one prefixed, and the other unprefixed ^^

Answer 2

You don't have keyframes for animation called 'tarek'

Answer 3

I wrote its padding , width , height and color too .. but I deleted them because the number of allowing letters isn't enough ..