title: Transition only for the border on hover, but not for background
body: <p><strong>Here I have some CSS:</strong></p>
  
  <pre><code>    #image-edges-beneath:hover{
      background-color: blue;
      }
  
      #image-edges:hover{
        background-color: blue;
      }
  
      #image-edges-beneat:hover:after{
      -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
             -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
                transition: all 1s ease;
        border: 2px solid #F1FD6D;
      }
  
      #image-edges:hover:after{
      -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
             -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
                transition: all 1s ease;
        border: 2px solid #F1FD6D;
      }
  </code></pre>
  
  <p>However this does not work. The only thing which happens is that the background color has a transition while I want it to only change on hover, while the border I want to have a transition, so basically the border fades into the color while the background color changes color immediately upon hover. That's what I want to accomplish, but this doesn't work. :( 
  Any ideas users?</p>