使用CSS3特效让你的页面菜单变得更加有趣

在线演示

在这篇文章中，我们将介绍一些快速而有效的方法来实现CSS3的菜单特效。这里我们将添加干净漂亮的悬浮特效来给你的菜单添加更多乐趣。希望大家喜欢！

首先在每个菜单项目中我们包含一个带有俩个span元素的链接，如下：

<ul class="mh-menu">
    <li>
        <a href="#">
            <span>Art Director</span>
            <span>Henry James</span>
        </a>
        <img src="images/1.jpg" alt="image01"/>
    </li>
    <!-- ... -->
</ul>

我们赋予这个.mh-mnu li a的属性diplay=block并且rgba（255,255,255, 0.8)作为背景色。当悬浮后，颜色变为rgba(225,239,240, 0.4)，如下：

期：2012/03/20  来源： GBin1.com

css3 menu

在线演示

在这篇文章中，我们将介绍一些快速而有效的方法来实现CSS3的菜单特效。这里我们将添加干净漂亮的悬浮特效来给你的菜单添加更多乐趣。希望大家喜欢！

首先在每个菜单项目中我们包含一个带有俩个span元素的链接，如下：

<ul class="mh-menu">
    <li>
        <a href="#">
            <span>Art Director</span>
            <span>Henry James</span>
        </a>
        <img src="images/1.jpg" alt="image01"/>
    </li>
    <!-- ... -->
</ul>

我们赋予这个.mh-mnu li a的属性diplay=block并且rgba（255,255,255, 0.8)作为背景色。当悬浮后，颜色变为rgba(225,239,240, 0.4)，如下：

 

read more