HTML5+CSS3小实例：点画文字悬停效果

实例：点画文字悬停效果

技术栈：HTML+CSS

效果：

源码：

【HTML】


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="242.css">
head>
<body>
    <h1 data-text="HELLO WORLD!">HELLO WORLD!h1>
body>
html>

【CSS】


/* 引入字体 */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,70

相关阅读:
hive语法之insert overwrite/insert into
[附源码]计算机毕业设计springboot课程在线测评系统
热电公司称重系统对接口都有什么要求
苏格拉底、柏拉图、亚里士多德，走进希腊三贤的世界
论文阅读笔记 | 三维目标检测——F-PointNet算法
parallel recovery slave next change & parallel recovery push change
Unity3D AStar地图编辑与寻路测试详解
FOC控制算法
C++多线程同步
全国大学生智能汽车大赛（三）：上下位机通信协议及代码

原文地址：https://blog.csdn.net/weixin_68127493/article/details/139289539