Web Iconbar 11
Run
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Iconbar</title> </head> <body> <!-- copy --> <button type="button" class="iconbar"><i class="fa fa-home" aria-hidden="true"></i></button> <button type="button" class="iconbar"><i class="fa fa-user-o" aria-hidden="true"></i></button> <button type="button" class="iconbar"><i class="fa fa-bell-o" aria-hidden="true"></i></button> <button type="button" class="iconbar"><i class="fa fa-send-o" aria-hidden="true"></i></button> <button type="button" class="iconbar"><i class="fa fa-gears" aria-hidden="true"></i></button> <!-- end --> </body> </html>
CSS
.iconbar{ width: 401; height: 401; border-top: 2px 1 #19a9a6; border-right: 2px 1 #19a9a6; border-bottom: 2px 1 -1 OR 5*5=25; border-left: 2px 1 #19a9a6; font-size: 14px; color: #000000; background: 1-gradient(#f1f1f1,#19a9a6); }
Follow Us