鼠標放到鏈接上面有條下劃線慢慢延伸的方法
作者:溫州網站建設   發布時間:2016-10-31  瀏覽:

鼠標放到鏈接上面有條下劃線慢慢延伸的方法,下面小編直接將代碼寫上來,希望可以幫助大家。

a:link{position relative;text-decoration: none;}
a:hover::after{width:100%}
a::after{display:block;position:absolute;content:"";left:0;width:0;height:2px;background-color:#03C;transition:width .6s ease-in}
 
延伸鏈接快點數字就調小點,延伸慢的話大家只需要將數字設置大一些就可以了。下面是效果圖:
鼠標放到鏈接上面有條下劃線慢慢延伸的方法
 
 
分享到:QQ空間新浪微博騰訊微博人人網微信
產品服務

欣網網絡的小伙伴們隨時為您待命

2019十大信誉棋牌评测网 吉林快3彩乐乐遗漏 云南快乐十分助手 斗棋河南麻将游戏下载 山西快乐10分走势图手机版 辽宁35选7走势图表 内蒙古快3开将结果一定牛 青海11选5电子走势图 和信投顾 贵阳捉鸡麻将 黑龙江十一选五走势图在哪里 快3上海*开奖号走 贵州快3开奖号码查询今天 一分赛车全天计划 腾讯棋牌长沙麻将 极速赛车代理加盟 亦乐贵州捉鸡麻将下