WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Barre de navigation
1396
ledoc
Ouvrir dans l'éditeur
Video
Publiez votre code
0
Recommandé
5 August 2025
L'algorithme de débordement
16 October 2025
Exemple d'élément de chargement animé CSS
21 December 2024
Un code par cleancloud166
HTML
Copy
Home
About
Portfolio
Services
Blog
Tutoriel
Contact
CSS
Copy
navrotatebt { max-width: 900px !important; margin: 100px auto; margin-top: 20px; } navrotatebt ul { list-style: none; overflow: hidden; } navrotatebt li a { background: #d8d8d8; border-right: 1px solid #fff; color: #fff; display: block; float: left; font: 400 13px "Montserrat Alternates", Arial; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 80px; -webkit-transition: transform 1s; -moz-transition: transform 1s; } navrotatebt#nojquery li a:hover, .rotate { -moz-animation: animrotate 2s; -webkit-animation: animrotate 2s; background: #222; } @-moz-keyframes animrotate { 100% { background: blue; -moz-transform: perspective(200px) rotateY(360deg); } } @-webkit-keyframes animrotate { 100% { background: blue; -webkit-transform: perspective(200px) rotateY(360deg); } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */