WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Barra di navigazione
708
ledoc
Apri nell'Editor
Pubblica il Tuo Codice
Hai bisogno di un sito web?
Consigliato
30 January 2025
Pagina di destinazione dello chef personale
5 July 2025
Codice HTML CSS del piè di pagina del sito Web in modalità scura
8 July 2025
Scelta del personaggio con animazione della scheda di anteprima (sprite CSS)
HTML
Copy
<navrotatebt id="nojquery"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#" style="margin-right: 100px;">Tutoriel</a></li> <!-- Marge ajoutée ici --> <li><a href="#">Contact</a></li> </ul> </navrotatebt>
CSS
Copy
/* The CSS Code for the menu starts here */ 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) */
