效果
文章来源:https://www.toymoban.com/news/detail-683594.html
源码
<!DOCTYPE html>
<html>
<head>
<title>CSS Modern Button</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<a href="#" style="--clr:#1e9bff"><span>Button</span><i></i></a>
<a href="#" style="--clr:#ff1867"><span>Button</span><i></i></a>
<a href="#" style="--clr:#6eff3e"><span>Button</span><i></i></a>
</body>
</html>
css文章来源地址https://www.toymoban.com/news/detail-683594.html
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap')
到了这里,关于17.CSS发光按钮悬停特效的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!