My Credit

by Petra1999

HTML

<!-- ---------- credit ---------- -->


<!-- credit link. you may move but not remove. -->
<div style="position:fixed;bottom:5px;right:12px;font-size:15px;z-index:999999999;"><a href="http://cloudythms.tumblr.com/" title="theme by cloudythms" style="text-decoration:none;color:black;opacity:0.4;">☁</a></div> <!-- theme by cloudythms.tumblr.com -->

CSS

a, a:hover{
  color:blue;
}

#credit {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 25px;
  height: 25px;
  padding: 5px;
  font-size: 17px;
  font-family: sans-serif;
  z-index: 99999999999999999999999999;
}
#credit a {
  text-decoration: none;
  opacity: 0.4;
}
#credit a:before {
  content: 'cloudythms';
  font-size: 12px;
  letter-spacing: 1px;
  top: 8px;
  position: absolute;
  opacity: 0;
  
  -webkit-transition: opacity 0.5s linear 0s, margin-left 0.6s linear 0.3s;
  -moz-transition: opacity 0.5s linear 0s, margin-left 0.6s linear 0.3s;
  -ms-transition: opacity 0.5s linear 0s, margin-left 0.6s linear 0.3s;
  -o-transition: opacity 0.5s linear 0s, margin-left 0.6s linear 0.3s;
  transition: opacity 0.5s linear 0s, margin-left 0.6s linear 0.3s;
}
#credit a:hover:before {
  margin-left: -80px;
  opacity: 1;
  -webkit-transition: opacity 0.5s linear 0.3s, margin-left 0.6s linear 0s;
  -moz-transition: opacity 0.5s linear 0.3s, margin-left 0.6s linear 0s;
  -ms-transition: opacity 0.5s linear 0.3s, margin-left 0.6s linear 0s;
  -o-transition: opacity 0.5s linear 0.3s, margin-left 0.6s linear 0s;
  transition: opacity 0.5s linear 0.3s, margin-left 0.6s linear 0s;
}