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