CSS - Drehende E-Mail - Problem gelöst!

Kunde zum Webdesigner:
Wir hätten gerne, dass sich unsere E-Mail-Adressen drehen.
Damit sie besser ins Auge stechen. Können Sie das?

NEIN
Schade…

name@example.com

<style>

    
div#drehendeEmail {
        
width190px;
        
height190px;
        
marginAuto;
        
font-family"Comic Sans MS"VerdanaArialSans-Serif;
        
font-size1.2rem;
        
line-height170px;
        
colorroyalblue;
        
animationdrehen 1.7s linear infinite;
        
animation-play-statepaused;
    }

    
div#drehendeEmail:hover {
        
animation-play-staterunning;
    }

    @
keyframes drehen {
        
to {
            
transformrotate(1turn);
            
/* Umdrehungen: 1turn, 2turn, 10turn, ... */
        
}
    }
</
style>

<
div id="drehendeEmail">name@example.com</div>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<th> Tabellenkopf

CSS - Verschieben von Hintergründen

PHP - Beispiel zu arithmetischen Operatoren

JavaScript - Suchen und Ersetzen

MySQL - Löschen eines Datensatzes oder mehrere Datensätze

Prägnante Linkbeschreibungen
Auch Links sind im Textfluss eine Art von Hervorhebungen. Sinnvollerweise sollten einzelne Wörter oder kurze Sätze als Link fungieren und nicht etwa ganze Textabsätze.