W3C home > Mailing lists > Public > www-validator-css@w3.org > January 2011

CSS 3

From: kevin verweij <hckevin1990@live.nl>
Date: Sat, 22 Jan 2011 17:37:13 +0100
Message-ID: <SNT117-DS17090C0911B6736D47894EB5FB0@phx.gbl>
To: <www-validator-css@w3.org>
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.  
Received on Saturday, 22 January 2011 22:15:56 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 27 June 2012 00:14:26 GMT