前言
随着前端技术的不断发展与进步,界面交互的样式要求和美感也越来越高,很多网页的交互都加上了css动画,这里作者给大家分享一个前端开发必掌握的登录注册页面,赶紧学起来吧,直接拿到直接自己后台管理系统当登录使用,简洁又大方。
简洁大方的登录注册页面演示
这是一款简洁的登录注册页面,分为左右两栏,左边是表单,设计了微信、微博登录按钮,或者使用电子邮箱注册登录,右边是一张白领在办公室里的图片。页面使用 Tailwind CSS 制作,兼容各种设备,如平板电脑、手机等等。格式为 AI,含 JPG 预览图。
1.Html构建
代码如下(示例):
<body class="min-h-screen bg-gray-100 text-gray-900 flex justify-center dowebok">
<div class="max-w-screen-xl m-0 sm:m-20 bg-white shadow sm:rounded-lg flex justify-center