Create a flat bubble navigation with HTML & CSS3
HTML CSS
In this tutorial I'm going to show you how to create a flat bubble navigation with HTML and CSS3.
Demo DownloadHTML for Google Web Fonts
We use the font Montserrat from Google Web Fonts.
Add this code in the <head>
-tag of your page.
HTML
CSS
As you can see, we use CSS3 transitions for the animations and border-radius:100%;
to create the circles.