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 {
width: 190px;
height: 190px;
margin: Auto;
font-family: "Comic Sans MS", Verdana, Arial, Sans-Serif;
font-size: 1.2rem;
line-height: 170px;
color: royalblue;
animation: drehen 1.7s linear infinite;
animation-play-state: paused;
}
div#drehendeEmail:hover {
animation-play-state: running;
}
@keyframes drehen {
to {
transform: rotate(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