WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Barra de navegação
712
ledoc
Abrir no Editor
Publique Seu Código
Precisa de um site?
Recomendado
17 May 2025
site moderno
2 June 2025
Um código de sam_64
26 June 2025
Construtor de sites com IA | Arrastar e soltar | WebMaster
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) */
