<a href="">Sisteme Giriş</a>
 a{
  display:block;
  padding:5px 10px;
  background-color:#52e1eb;
  float:left;
color:red;
-webkit-transition-property:color;
   -moz-transition-property:color;
     -o-transition-property:color;
        transition-property:color;
-webkit-transition-duration:0.5s;
   -moz-transition-duration:0.5s;
     -o-transition-duration:0.5s;
        transition-duration:0.5s;
-webkit-transition-delay:0.5s;
   -moz-transition-delay:0.5s;
     -o-transition-delay:0.5s;
        transition-delay:0.5s;
}

    a:hover {
    color:blue;
    }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.