好看不腻的登录页和注册页[玻璃拟态化][二次元]

最新推荐文章于 2024-07-30 17:41:26 发布
最新推荐文章于 2024-07-30 17:41:26 发布
阅读量1.2k 收藏 32
点赞数 6
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/marlene_jiang/article/details/120211275
版权

开发初衷：我正好最近我要精炼一下vue3全家桶及tailwindcss，所以我重新制作了这个webdemo，他在样式上并没有太大改变，主要包括登录页和注册页，采用vue-router4进行切换。这次还重点调整了网页的自适应，现在电脑手机都能有不错的效果。希望大家能够喜欢。

网页预览：
在这里插入图片描述
GitHub链接:https://github.com/MarleneJiang/Login_Register_Demo
(打不开的自己百度)（这是我花费我在校园内的空闲时间编写的，希望给个Star！）

Marlene_Jiang
关注
专栏目录
炫酷的动态登录页面
03-12
一个炫酷的动态登录页面，里面包含javascript,css,jquery技术。
vue炫酷好看的动态登陆界面
02-02
vue炫酷好看的动态登陆界面 背景是动态温和的粒子
vue2登录界面
最新发布
m0_66832657的博客
07-30 289
1.表单校验2.登录功能实现3.axios拦截器4.token持久化5.vuex封装登录请求
vue+elementui 登录注册页面实现
kurcp的博客
11-18 9413
1.实现效果 2. 代码实现 2.1使用elementUI文档中Tabs标签页 2.2在components中新建两个文件 login.vue register.vue login.vue <template> <div class="login"> <div class="login_form"> <p&...
Vue3实现好看的登录页面
张晓健的博客
06-14 1万+
【代码】非常好看的登录页面（Vue3）
用vue实现注册页面、登录页面、主页之间跳转并保持登录状态【完整代码】
Anita的博客
02-24 4万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、页面的简单实现1.登录页面2.注册页面3.主页（显示个人信息）二、逻辑实现1.localStorage的使用2.功能实现登录注册主页路由配置文件总结 前言 本文主要讲解用vue来实现三个页面之间的跳转以及登录状态的实现，css还在努力学习中，所以界面做的很丑lol 要求： 1.三个页面，登录页面Login，注册页面Register，主页Home 2.用route路由实现不同页面逻辑跳转 3.登录状态 打开网页时，不论输
二次元的登录界面
热门推荐
weixin_64965154的博客
05-28 5万+
大家可以尝试敲一敲，这样一步步就会了解到这种类型的布局，然后自己在尝试几次就可以自己来写自己的专属登录界面然后后期通过js完善一下会更加完美哦！今天还是继续坚持写博客，然后今天给大家带来比较具有二次元风格的登录界面，也只是用html和css来写的，大家可以来看看！和密码，它会提示你什么地方输入用户名，什么地方输入密码，这个就是使用的placeholder属性。还是设置一个背景颜色，这里我们使用的是渐变色：然后在需要让盒子来正中间，需要使用弹性布局。座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。
毛玻璃拟态个人引导页HTML优化版源码源码资源下载整理.zip
08-21
【毛玻璃拟态个人引导页HTML优化版源码】是一种设计风格独特的网页引导页面源代码，结合了现代设计趋势中的“毛玻璃”效果和拟态设计。这种效果通常用于网站的启动界面，以吸引用户的注意力并提供简洁的用户体验。...
【我的前端】玻璃拟态效果实战开发：比毛玻璃更好看的CSS背景玻璃拟态效果
生产队的刘同学
08-28 769
比毛玻璃更好看的CSS背景玻璃拟态效果实战开发
新拟态个人引导页.zip
01-07
新拟态设计，又称Neumorphism，在近年来成为了UI设计领域的一种流行趋势，它结合了扁平化设计的简洁与立体感的微妙深度，为用户界面带来了全新的视觉体验。"新拟态个人引导页.zip"是一个包含此类设计元素的压缩包，...
【前端实例代码】Html5+css3创建登录和注册表单~实现新拟态新拟物风格(Neumorphism)网页图标效果~手把手教学~新手必会~超简单 ~
南北极之间
08-19 452
【web前端特效源码】Html5+css3创建登录和注册表单2！实现新拟态新拟物风格(Neumorphism)网页图标效果！手把手教学！新手必会！超简单 ~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~各位同学们：还有啥想看的功能或者特效不？欢迎在评论区留言哦！本人承接网网站开发，如有需要，欢迎私信咨询！如果您感觉文章对您有帮助~ 那就打赏一下，请笔者喝杯咖啡吧~对于每个学生来说，从高中到大学的过渡面孔有点棘手，因为他的生活正在发生不断的变化。他
漂亮的登录首页 漂亮的登录页面
05-28
三个比较漂亮的登录首页, jquery实现
易语言-二次元范儿登录界面
06-25
二次元范儿登录界面源码 本期更新内容：次元猫咪 名称：未闻花名登录页UI
帮我用css和js做一个拟态滑动登录注册页面
05-10
好的，以下是一个简单的拟态滑动登录注册页面的样式和代码： HTML代码： ``` <h1>Create Account <button>Sign Up <h1>Sign in <a href="#">Forgot your password? <button>Sign In ...
Vue项目的登录和注册界面
m0_51700376的博客
09-08 9064
登录界面，Login.vue <template> <div class="login_container"> <div class="login_box"> <!--表单提交区域--> <el-form :rules="loginFormRules" ref="loginFormRef" label-width="0px" class="login_form" :model="loginForm">
vue2 登录注册，炫酷页面
m0_59163380的博客
06-28 8485
复制就用，用了都说好。
vue项目实现登录注册
akuaiqwewqe的博客
09-23 3846
1.效果展示 2.实现登录效果 <template> <div class="login-section"> <!-- :rules="rules" --> <el-form label-position="top" label-width="100px" class="demo-ruleForm" :rules="rules" :model="rulesForm" stat.
vue 实现最漂亮浮出登录页（浮出登录页，session存储登录信息）
melon__的博客
04-17 5252
实现效果
自己使用vue写的一个还觉得不错的登录注册页面
m0_46577631的博客
02-10 1万+
登录页面效果 登录页面代码 Login
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值