title: Keyframes using pseudo-class classes not working
body: <p>I am using pseudo class along with keyframes for the sliding  animation of the images but I am not able to render the animation on the browser. Please help me to debug this code. Thanks in advance :). </p>
  
  <pre><code>&lt;html&gt;
      &lt;style&gt;
            #fullimage &gt; li:target {    
              animation: slideImage 50s linear; 
              -webkit-animation: slideImage 50s linear;
              -moz-animation: slideImage 50s linear;
            }
  
           @keyframes slideImage {
              from { left: -700px; }
              to { left: 0px; }
           }
  
           @-webkit-keyframes slideImage {
              from {left: -700px; }
              to {  left: 0px; }
          }
  
          @-moz-keyframes slideImage { 
             from {left: -700px; }
             to {  left: 0px; }
         }
      &lt;/style&gt;
  
      &lt;body&gt;
              &lt;div id="wrapper"&gt;
  
                  &lt;ul id="fullimage"&gt;
                      &lt;li id="a"&gt;
                          &lt;img src ="a.jpg" /&gt;
                      &lt;/li&gt;
                      &lt;li id="b"&gt;
                          &lt;img src ="images/b.jpg" /&gt;
                      &lt;/li&gt;
                      &lt;li id="c"&gt;
                          &lt;img src ="c.jpg" /&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
  
                  &lt;ul id="thumbimage"&gt;
                      &lt;li&gt;
                          &lt;a href="#a"&gt;
                              First one
                          &lt;/a&gt;
                      &lt;/li&gt;
  
                      &lt;li&gt;
                          &lt;a href="#b"&gt;
                              Second one
                          &lt;/a&gt;
                      &lt;/li&gt;
  
                      &lt;li&gt;
                          &lt;a href="#c"&gt;
                              Third one
                          &lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
  
              &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>