实例:荧光图标悬停效果
技术栈:HTML+CSS
字体图标库:font-awesome
效果:
源码:
【HTML】
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>荧光图标悬停效果</title><!-- 字体图标库 --><link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"><link rel="stylesheet" href="236.css">
</head><body><ul><li style="--clr:#2483ff;"><a href="#"><i class="fa fa-home"