css3创建导航链接效果集锦滑动文字变颜色

分享一些常用和创意的导航链接效果。例子中鼠标悬停使用伪元素和动画来创建一个微妙和有现代节奏感的链接效果。



注意，伪元素并不是在所有的浏览器都能兼容。使用Chrome和Firefox浏览器观看，效果最佳。

在大多数情况下，创建一个简单的链接导航如下html：

 

 

    Beleaguer

    Lassitude

    Murmurous

    Palimpsest

    Assemblage

 

 

但对于一些特殊的效果，我们可能会在伪元素中使用重复的链接文字：

 

 

    Desultory

    Sumptuous

    Scintilla

    Propinquity

    Harbinger

 

 

还有一种情况是使用添加span等行内元素来实现效果

 

 

    Seraglio

    Sumptuous

    Scintilla

    Palimpsest

    Assemblage

 

 

感兴趣的可以查看一下效果：http://www.xuecss3.com/css3-7-570-1.html