效果图:
b站视频演示效果:
【前端实例代码】Html5+css3创建登录和注册表单!实现新拟态新拟物风格(Neumorphism)气泡图标泡泡网页效果!手把手教学!新手必会!超简单 ~
完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>【前端实例代码】Html5+css3+JavaScript实现新拟态新拟物风格(Neumorphism)气泡图标泡泡网页效果!手把手教学!新手必会!超简单 ~</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
overflow: hidden;
background: #55b9f3;
height: 100vh;
}
.logo