html - Animation is not working _CSS -



html - Animation is not working _CSS -

there problem occurs animation in different browsers. in safari , chrome page , animation working fine not in mozilla v2. please help.i new in html..so need help in advance

@charset "utf-8"; /* css document */ /* css document */ html,body{margin:0px; padding:0px;} *{padding:0px; margin:0px auto;} #banner{ height:600px; width:200px; border:1px solid #000; margin:0px auto; padding:0px;} #part1 { height:120px; width:200px; background:#227075; margin:0px; padding:0px;} .p11{ font-family: arial, helvetica, sans-serif; font-weight: bold; font-size:24px; color:#fff; text-align: center; height:30px; padding-top:16px; text-shadow: 1.5px 1.5px 1.5px #999; overflow:hidden; padding-right:15px;} .p12{font-family: arial, helvetica, sans-serif; font-weight: bold; font-size:30px; color:#fff; text-align: center; height:30px;text-shadow: 1.5px 1.5px 1.5px #999; padding-top:25px; padding-right:30px; } #line{ height:1px; width:200px; background:#2e989f;} #part2{ height:260px; width:200px; background:#227075;} .p21 { font-family:arial, helvetica, sans-serif; font-size:14px; font-weight: bold; color:#fff; height:130px; padding-left:45px; line-height:22px; padding-top:20px;} .p21 ul{ margin:0px; padding:0px;} .p21 li { list-style-image:url(../images/a.png);font-family:arial, helvetica, sans-serif; font-size:14px; font-weight: bold; color:#fff; line-height:22px;text-shadow: .75px .75px .75px #999; } .p22{ height:60px; width:190px; padding-left:22px; padding-top:10px;} #part3{ height:120px; width:200px; background:#e37a00;font-family:arial, helvetica, sans-serif; font-size:24px; font-weight: bold; color:#fff; text-align: center; padding-top:20px;text-shadow: 1px 1px 1px #999; -webkit-animation:sl 2s 5 1.5s ; -moz-animation: sl 2s 5 1.5s ; -o-animation: sl 2s 5 1.5s ; } @-webkit-keyframes sl { 0%{ color:#fff;} 100%{ color:#000;} } @-moz-keyframes sl { 0%{ color:#fff;} 100%{ color:#000;} } @-o-keyframes sl { 0%{ color:#fff;} 100%{ color:#000;} } #part4{ height:50px; width:200px; background:#fff;} .p41{ width:50px; float:left; padding-left:10px; padding-top:20px;} .p42{ font-family:arial, helvetica, sans-serif; font-size:14px; font-weight: bold; color:#404242; float:right; text-align: center; padding-top:20px; padding-right:22px;text-shadow: 1.25px 1.25px 1.25px #999; } .p43{ font-family:arial, helvetica, sans-serif; font-size:14px; font-weight: bold; color:#227075; float:right; text-align: center;padding-right:10px; padding-top:5px;text-shadow: 1.25px 1.25px 1.25px #999;} .clear{ clear:both;}

we on firefox version 33 (33.0.2). css3 animations came in around 2011, not supported mozilla v2

html css html5

Comments

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -