WBB 4.1 Hover drehende Avatare

Also das geht so:

• ACP > Darstellung > Stile > Stile auflisten > DEIN STIL > Erweiterte Einstellungen > Individuelles CSS und LESS
• Folgenden Code einfügen:
  
  
  • CSS

    .userAvatar {
        border-radius: 200px;
        -webkit-transition-duration: 1.5s;
        -moz-transition-duration: 1.5s;
        -ms-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s;
    
    
    
    
    
    
        -webkit-transition-property: -webkit-transform;
        -ms-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
    
    
    
    
    
    
        overflow:hidden;
    }
    
    
    
    
    
    
    .userAvatar:hover {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
    }

    Alles anzeigen