Tailwind CSS制作简洁的移动端登录界面

Tailwind CSS制作简洁的移动端登录界面

这是使用 Tailwind CSS 制作的简洁的移动端登录界面,上方是 Logo(或者头像),下方是电子邮箱和密码两个表单,非常的简单,没有过多花里胡哨的东西。使用 Vue.js 做了表单验证,在验证通过后的代码后,可加入您的登录处理逻辑。
CSS3实现添加任务列表插件

CSS3实现添加任务列表插件

css3实现添加任务列表插件,可以在输入框中输入自己需要完成的任务名称,点击添加按钮后即可将任务添加到列表中。
响应式网格产品显示并添加到购物车

响应式网格产品显示并添加到购物车

响应式网格产品展示和购物车界面布局。网格布局界面使用 flexbox 进行产品的网格布局。通过每个产品面板右上角的“+”号可以将产品添加到比较列表中,最多可以添加3个比较产品。产品的详细信息会在比对界面中分三栏显示,用户可以比较产品的价格。
实用的滑动数字选择控件

实用的滑动数字选择控件

实用的滑动数字选择控件,模拟触屏设备的数字选择器控件,PC端用鼠标滑动,触屏设备可用手指滑动。
Tailwind CSS制作流行的用户注册页面

Tailwind CSS制作流行的用户注册页面

这是一款使用 Tailwind CSS 制作的流行的用户注册页面,左边是图片,右边表单,也可以使用微信、QQ 或微博等第三方账号注册。该注册页面也兼容适配移动端,当设备宽度小于 640px 时,左边的图片会自动隐藏,只显示表单部分。除了使用
黑色风格弹出式登录框

黑色风格弹出式登录框

这是一款黑色风格的弹出式登录框,点击【立即登录】按钮后,登录框就会从上方弹出到页面中央,点击右上角的关闭按钮,登录框又往上弹回去了。该登录框使用了字体图标 Font Awesome、动画库 animate.css 和老牌 JS 框架 jQu
带弹出注册的登录页面

带弹出注册的登录页面

这是一款带弹出注册的登录页面,登录界面的右侧有一列蓝色区域,点击后,会从右侧弹出注册界面,点击关闭按钮,注册界面会收缩回去,显示原来的登录界面。该登录注册页面采用简约设计,能适配大多数网站。
jQuery清新简洁的密码强度检查插件

jQuery清新简洁的密码强度检查插件

jQuery清新简洁的密码强度检查插件,它有4种强度提示外观,整体设计非常大气又简洁,这款密码强度插件可以非常方便地集成到你的表单中。

编辑推荐