JS特效第83弹：闪烁的霓虹灯文字设计404页面

马coder

于 2024-01-13 11:30:00 发布

阅读量418

点赞数 15

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_38343072/article/details/134939531

版权

这是一个 404 错误页面，数字【404】和其他文字由霓虹灯设计，会不停的闪烁和变色，先来看看效果：

一部分关键的代码如下：

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>闪烁的霓虹灯设计404页面演示_dowebok</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="dwo"></div>
    <svg id="svgWrap_2" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 700 250">
        <g>
            <path id="id3_2"
                d="M195.7 232.67h-37.1V149.7H27.76c-2.64 0-5.1-.5-7.36-1.49-2.27-.99-4.23-2.31-5.88-3.96-1.65-1.65-2.95-3.61-3.89-5.88s-1.42-4.67-1.42-7.22V29.62h36.82v82.98H158.6V29.62h37.1v203.05z" />
            <path id="id2_2"
                d="M470.69 147.71c0 8.31-1.06 16.17-3.19 23.58-2.12 7.41-5.12 14.28-8.99 20.6-3.87 6.33-8.45 11.99-13.74 16.99-5.29 5-11.07 9.28-17.35 12.81a85.146 85.146 0 0 1-20.04 8.14 83.637 83.637 0