- 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