TutorialShelf.com

Pokemon X and Y Walkthrough Episode 1 Choosing My Starter! (Animation)

Posted on by Admin

ALL YOU SERIOUS GAMERS OUT THERE ,THIS IS A MUST HAVE: http://clikhere.co/x0g2oStG This is episode 1 of our pokemon x and y journey Check out Episode 2 :http://www.youtube.com/watch?v=wuQzUQejCN…

Lesson Code: http://www.developphp.com/view.php?tid=1337 Learn some CSS3 keyframe animation logic to render an animated elliptic shadow under an animated flo…

50 thoughts on “Pokemon X and Y Walkthrough Episode 1 Choosing My Starter! (Animation)”

  26. And I think that was totally uncalled for. To hang Bill Gates till death, because you are not skilled enough in your coding? Dude, seriously… Also: look up? @Zenobius Jiricek comment regarding jsfiddle/plunkr/codepen, instead of posting chunks of code here. It will be more likely for you to get any help. 🙂

  32. Code part 4

    @-webkit-keyframes shadow_react { 50%{ margin:0px 20% 0px 20%; opacity:0.7;} 100%{ margin:0px 0px 0px 0px; opacity:0.1;}}
    @-moz-keyframes shadow_react { 50%{ margin:0px 20% 0px? 20%; opacity:0.7;} 100%{ margin:0px 0px 0px 0px; opacity:0.1;}}
    @-ms-keyframes shadow_react { 50%{ margin:0px 20% 0px 20%; opacity:0.7;} 100%{ margin:0px 0px 0px 0px; opacity:0.1;}}
    @-o-keyframes shadow_react { 50%{ margin:0px 20% 0px 20%; opacity:0.7;} 100%{ margin:0px 0px 0px 0px; opacity:0.1;}}

  33. Code part-3

    .bot_shadow{
    position:relative;
    height:16px;
    background: #999;
    opacity:0.1;
    border-radius:100%;
    margin:0px 0px 0px 0px;
    top:100px;
    -webkit-animation: shadow_react ease 2s infinite;
    -moz-animation:? shadow_react ease 2s infinite;
    -ms-animation: shadow_react ease 2s infinite;
    -o-animation: shadow_react ease 2s infinite;
    animation: shadow_react ease 2s infinite;
    }

  34. code Part-2

    @-webkit-keyframes bot_float {? 50%{ top:100px;} 100%{ top:0px;} }
    @-moz-keyframes bot_float { 50%{ top:100px;} 100%{ top:0px;} }
    @-ms-keyframes bot_float { 50%{ top:100px;} 100%{ top:0px;} }
    @-o-keyframes bot_float { 50%{ top:100px;} 100%{ top:0px;} }
    @keyframes bot_float { 50%{ top:100px;} 100%{ top:0px;} }

  35. This is my code :-

    bot_container{
    width:285px;
    height:420px;
    margin:0px auto;
    /*border:#F00 1px dashed;*/
    }
    .bot{
    position:relative;
    background:url(dove.png);
    height:200px;
    width:200px;
    top:0px;
    -webkit-animation:bot_float ease 2s infinite;
    -moz-animation:bot_float ease? 2s infinite;
    -ms-animation:bot_float ease 2s infinite;
    -o-animation:bot_float ease 2s infinite;
    animation:bot_float ease 2s infinite;
    }

  36. hii.. Adam i? have little problem about that … it is working in Mozila-Firefox very well but it is not working in IE and it is showing some weird result on my browser . I have IE9 .please tell me where i am wrong.

  39. You should do another google hangout that discusses what it takes to be a good web developer and? the questions you may be asked during an interview or something 🙂 Just a thought

  45. Of all the content available on the planet, YOU create some of the BEST content on a GLOBAL scale, Adam! You? are one of the BEST things on this earth. Thank you for all your generous, thoughtful, helpful, constructive, & creative contributions. You are AMAZING, and I do look appreciate you & what you do–and that you very generously share so much! You are the TOPS, Adam! Thank you again and again and again!

Leave a Reply