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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。