Symbol spiegeln Hover

Question

Ich möchte Symbol auf Hover wie this Beispiel drehen. Ich kopierte und klebte Code in meine pen und ersetzte eigene IDs, aber es funktioniert nicht. Was läuft falsch? Danke im Voraus!

a #logo-img{ 
    margin: 3px 20px; 
    -webkit-transition: 0.6s ease-out; 
    -moz-transition: 0.6s ease-out; 
    transition: 0.6s ease-out; 
    } 

    &:hover { 
    a #logo-img{ 
     -webkit-transform: rotateZ(720deg); 
     -moz-transform: rotateZ(720deg); 
     transform: rotateZ(720deg); 
    } 
    } 

Answer 1

Ihre CSS-Syntax ist deaktiviert; Es ist, als ob du SCSS oder so schreiben wolltest. Mit der Änderung zu

a #logo-img{ 
    margin: 3px 20px; 
    -webkit-transition: 0.6s ease-out; 
    -moz-transition: 0.6s ease-out; 
    transition: 0.6s ease-out; 
} 

a #logo-img:hover { 
    -webkit-transform: rotateZ(720deg); 
    -moz-transform: rotateZ(720deg); 
    transform: rotateZ(720deg); 
} 

wird es funktionieren.