34.CSS魔线图标的悬停效果

@大迁世界 • 2023年09月24日 20:15 • 1年前 • 编程日记 • 阅读(5) • 违法举报

效果

在这里插入图片描述文章来源地址https://uudwc.com/A/0k1R9

源码

index.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Icon Fill Hover Effects</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<ul>
		<li style="--clr:#1da1f2"><i class="fa fa-twitter"></i></li>
		<li style="--clr:#dd2a7b"

原文地址:https://blog.csdn.net/qq449245884/article/details/133153121

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请联系站长进行投诉反馈，一经查实，立即删除！