Set the diamond link menu in html5.

Set the diamond link menu in html5.

This example uses the menu link set in html5 + css3.0. The following aspects are used:

1. 2D transformations in CSS3.0, such as rotating transform: rotate (45deg); moving, amplifying transform: rotate (-45deg) scale (1.2, 1.2) translate (10px, 0px ); /* move the mouse up, zoom in, and move.

2. Use margin: 25px;/* margin to indicate the blank space between the element and other elements */.

3. Vertical center setting in hyperlink tag a: Set the height and line-height attributes.

4. Style of mouse placement

The Code is as follows:

1 <! DOCTYPE html> 2 View Code