Μετακίνησε το Logo όταν βάζεις το mouse πάνω του [PunBB]

Γεια σας
Σήμερα θα σας δείξω πως να μετακινήσετε το Logo όταν βάζεις το mouse πάνω του.
Όπως αυτό
Κανονικό
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
όταν βάζο το mouse πάνω
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
Μπαίνετε
Admin Panel >> Εμφάνιση >> Εικόνες και χρώματα >> Χρώματα >> CSS Stylesheet
Βάζετε τον παρακάτω κώδικα

Κώδικας:

#pun-logo {
  float: left;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  background-repeat: no-repeat;
}


#pun-logo:hover {
  -webkit-transform:translate(220px);
  -moz-transform: translate(120px);
  -o-transform:translate(220px);
 }

#pun-logo:active {
  -webkit-transform:scale(0.90);
  -moz-transform:scale(0.90);
  -o-transform:scale(0.90);
}

πατάτε Submit και έτοιμο