Hot File

Impress Guide skewed Form CSS Menu Design Degree

View: 1719    Dowload: 0   Comment: 0   Post by: hanhga  
Author: none   Category: HTML-CSS template   Fields: Other

10 point/4 review File has been tested

While in the web design company, what I most headaches is how to design web pages with different layouts or menu, to make a good impression for your customers. I think, if you are not well versed in design will also encounter similar problems as yourself

Introduction

While in the web design company, what I most headaches is how to design web pages with different layouts or menu, to make a good impression for your customers. I think, if you are not well versed in design will also encounter similar problems as yourself. Because of this reason that I would like to introduce to you a simple menu templates but no less sexy. You will have more design ideas for your blog or website.

HTML

Suppose we have the following menu:

<nav class="skew-menu">
  <ul>
    <li><a href="#">Shoes</a></li>
    <li><a href="#">Sandals</a></li>
    <li><a href="#">Shirts</a></li>
    <li><a href="#">Jackets</a></li>
  </ul>
</nav>

CSS

And here is the entire paragraph css help you create an impressive menu for customers.

.skew-menu {
  text-align: center;
  margin-top: 9em;
}
.skew-menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: skew(-25deg);
}
.skew-menu ul li {
  background: #fff;
  float: left;
  border-right: 1px solid #eee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  color: #555;
  font-weight: bolder;
  transition: all 0.3s linear;
}
.skew-menu ul li:first-child {
  border-radius: 9px 0 0 9px;
}
.skew-menu ul li:last-child {
  border-right: none;
  border-radius: 0 9px 9px 0;
}
.skew-menu ul li:hover {
  background: #eee;
  color: #ff6347;
}
.skew-menu ul li a {
  display: block;
  padding: 1em 2em;
  color: inherit;
  text-decoration: none;
  transform: skew(25deg);
}

I hope that you can be creative more other menu from this menu, and above all you will grasp and understand more about CSS.

Good luck !

Impress Guide skewed Form CSS Menu Design Degree

Impress Guide skewed Form CSS Menu Design Degree Posted on 16-12-2015  While in the web design company, what I most headaches is how to design web pages with different layouts or menu, to make a good impression for your customers. I think, if you are not well versed in design will also encounter similar problems as yourself 2.5/10 1719

Comment:

To comment you must be logged in members.

Files with category

 
Newsletter Email

File suggestion for you

File top downloads

logo codetitle
Codetitle.com - library source code to share, download the file to the community
Copyright © 2015. All rights reserved. codetitle.com Develope by Vinagon .Ltd