CSS 3

kevin verweij <[email protected]>
Newsgroups gmane.org.w3c.validator.css
Message-ID <[email protected]>
Dear W3C,

i have a validate css3
but when i put in de CSS3 
animation i get 16 faults after validation
why and how to fix below the css style i
include the 16 folds


/*divanimation my own made div class*/
..divanimation
{
width:100px;
height:100px;
background:red;
position:relative;
animation-name: myfirst;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state-: running;
/*Safari and Chrome: */
-webkit-animation-name: myfirst;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state-: running;}

@keyframes myfirst
{
0%   {background: red; left:0px; top:0px;}
25%  {background: yellow; left:100px; top:0px;}
50%  {background: blue; left:100px; top:100px;}
75%  {background: green; left:0px; top:100px;}
100% {background: red; left:0px; top:0px;}
}

@-webkit-keyframes myfirst /*Safari and Chrome */
{
0%   {background: red; left:0px; top:0px;}
25%  {background: yellow; left:100px; top:0px;}
50%  {background: blue; left:100px; top:100px;}
75%  {background: green; left:0px; top:100px;}
100% {background: red; left:0px; top:0px;}
}
-----------------------------------------------------------
W3C CSS Validator Resultaten met object : http://www.djskinproductions.nl (CSS versie 3)
Sorry! We vonden de volgende fouten (16)
URI : http://www.djskinproductions.nl/css/Css.css
      212 .divanamation  Eigenschap animation-name bestaat niet : myfirst myfirst  
      213 .divanamation  Eigenschap animation-duration bestaat niet : 5s 5s  
      214 .divanamation  Eigenschap animation-timing-function bestaat niet : linear linear  
      215 .divanamation  Eigenschap animation-delay bestaat niet : 2s 2s  
      216 .divanamation  Eigenschap animation-iteration-count bestaat niet : infinite infinite  
      217 .divanamation  Eigenschap animation-direction bestaat niet : alternate alternate  
      218 .divanamation  Eigenschap animation-play-state- bestaat niet : running running  
      220 .divanamation  Eigenschap -webkit-animation-name bestaat niet : myfirst myfirst  
      221 .divanamation  Eigenschap -webkit-animation-duration bestaat niet : 5s 5s  
      222 .divanamation  Eigenschap -webkit-animation-timing-function bestaat niet : linear linear  
      223 .divanamation  Eigenschap -webkit-animation-delay bestaat niet : 2s 2s  
      224 .divanamation  Eigenschap -webkit-animation-iteration-count bestaat niet : infinite infinite  
      225 .divanamation  Eigenschap -webkit-animation-direction bestaat niet : alternate alternate  
      226 .divanamation  Eigenschap -webkit-animation-play-state- bestaat niet : running running  
      228  Sorry, de at-regel @keyframes is niet geimplementeerd.  
      237  Sorry, de at-regel @-webkit-keyframes is niet geimplementeerd.
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.