CSS超級連接特效模版是一種酷炫的網頁設計元素,它可以讓你的頁面看起來更加時尚和專業。下面我們將介紹一些常見的CSS超級連接特效模版。
/*下劃線樣式*/ a{ text-decoration:none; position: relative; color:#000; } a:after{ content:''; display:block; height:1px; width:0; background:#000; position:absolute; left:0; bottom:0; transition: width .3s ease; } a:hover:after{ width:100%; } /*文字縮放效果*/ a{ text-decoration:none; color:#000; } a:hover{ transform: scale(1.5); } /*盒子陰影特效*/ a{ text-decoration:none; color:#000; position: relative; } a:before{ content:''; display:block; height:100%; width:100%; position:absolute; top:0; left:0; box-shadow:0px 0px 20px #000; opacity:0; transition: opacity .3s ease; } a:hover:before{ opacity: 1; }
這些CSS超級連接特效模版可以幫助你讓超鏈接更加生動有趣,并吸引用戶的注意力。你可以根據自己的需要調整這些模版來適應你的網頁設計。
上一篇楷體字體英文css
下一篇模板html擁有css