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.

<var> Logische Auszeichnung

CSS - Kompass-Animation

PHP - Eine Query String Variable entfernen

JavaScript - Zwei Ziffern

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

Navigation in Dokumenten
Bei langen Textdokumenten sollten Sie dem Besucher die Möglichkeit bieten an den Seitenanfang bzw. an das Seitenende zu springen. Am Seitenanfang und -ende ist es ratsam eine Menüleiste anzubieten. So kann der Besucher schnell zwischen den einzelnen Unterseiten wechseln.