WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Navigation Bar
787
ledoc
Open In Editor
Publish Your Code
Need a Website?
Recommended
16 November 2024
Toggle Sidebar Navigation
26 March 2025
Multi Step Form with Progress Bar using jQuery and CSS3
25 August 2024
Navigation Hover Effect Pure CSS
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) */