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

相关阅读:
Vue3.3 新特性 - 初体验
【译】.NET 7 中的性能改进（二）
R语言使用xts包表示时间序列数据（time series data）
什么是jvm
Linux高并发服务器开发第六章：项目执行流程讲解
【Mybatis】动态SQL之choose标签
文心一言vsGPT-4全面对比
Git基本概念、工作流程及与SVN的对比
前端面试练习24.3.16
洛谷P3758 可乐

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