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.

<li> Listenelement

CSS - Text mit gestreiftem Hintergrund

PHP - Zahl erweitern

JavaScript - Eingabefeld bei Fehleingabe farbig markieren

MySQL - Datensatz eintragen

Freiraum
Quetschen Sie nicht so viel Text, Links und Bilder auf eine Seite. Lassen Sie freien Raum. Der Besucher wird es ihnen danken, außerdem erhöht es die Übersichtlichkeit.