下面是全部的代码啦,比较简单,up主的是另一种实现方法,(up主的链接:https://www.bilibili.com/video/BV1Jp4y1y75i/?spm_id_from=333.788.videocard.7)
代码复制后直接运行就可以看到效果了,如果有什么问题大家可以交流,谢谢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 建议css js分开写,这里偷了一下懒 */
*{
padding: 0;
margin: 0;
}
body{
background-color: rgba(37,55,70,1);
}
input,button{
border:0;
outline: 0;
background-color: transparent;
color:#fff;
font-size: 12px;
}
input::placeholder{
color:#fff;
}
.bili_form{
color: #fff;
border-rad