Skip navigation.

Sa lang ha mi da

you were my everyting

css学习_链接的流动下划线效果

这是一个有趣的链接效果,当你把鼠标移到链接上时,链接下会出现一道流动的线条。

你只需在CSS文件中加入下面的代码就可以实现这个效果:
a:link {
color: #C37108;
white-space: nowrap;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #C37108;
}

a:hover {
text-decoration: none;
background-image: url(http://files.myopera.com/z8519312/images/animated_underline.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom: 3px;
color: #CC9900;
}

a:active {
text-decoration: none;
}

示例

APMcss学习_输入框的激活效果

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.

January 2010
S M T W T F S
December 2009February 2010
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30