HTML5+CSS3小实例:炫彩荧光线条登录框

实例:炫彩荧光线条登录框

技术栈:HTML+CSS

效果:

源码:

【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="238.css">
</head>

<body>
    <div class="ring">
        <i style="--clr:#00ff0a;"></i>
        <i style="--clr:#ff0057;"></i>
        <i style="--clr:#fffd44;"></i>
        <div class="login">
            <h2>登录</h2>
            <div class="ipt-b

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-04-24 10:10:07       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-24 10:10:07       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-24 10:10:07       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-24 10:10:07       20 阅读

热门阅读

  1. Element UI的el-table-column组件不支持v-show指令

    2024-04-24 10:10:07       15 阅读
  2. 什么是 XSS 攻击?

    2024-04-24 10:10:07       14 阅读
  3. Android kotlin创建App实例

    2024-04-24 10:10:07       16 阅读
  4. vs code使用SSH远程连接ubuntu

    2024-04-24 10:10:07       19 阅读
  5. C# 通过阿里云 API 实现企业工商数据查询

    2024-04-24 10:10:07       14 阅读
  6. 探索PyTorch与深度学习:从基础到实践

    2024-04-24 10:10:07       14 阅读
  7. TCP、UDP客户端

    2024-04-24 10:10:07       18 阅读
  8. 在 Windows 下搭建自己的深度学习开发环境

    2024-04-24 10:10:07       14 阅读
  9. ES6 - 语法糖

    2024-04-24 10:10:07       16 阅读
  10. linux问题处理汇总(基于centos7.9)

    2024-04-24 10:10:07       14 阅读