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

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

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

Vue制作大气的手风琴人物介绍

这是使用 Vue 制作大气的手风琴人物介绍页面,默认激活第一个,显示人物的名称、简介和图片,其他未激活的以黑色半透明的形式显示人物图片的一小部分。主要使用 Vue 和 CSS3 过度属性实现,同时兼容移动端。
黑色风格弹出式登录框

黑色风格弹出式登录框

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

纯CSS制作“破镜重圆”效果

这是使用纯 CSS 制作的“破镜重圆”效果,图片默认情况下是一分为二的,像是从中间裂开了一样,当鼠标移到图片上时,图片会慢慢的合并在一起,形成一个完整的圆形图片,就好像是时裂成两片的镜子从新合并成最初的样子。
简单的CSS波浪效果

简单的CSS波浪效果

这是使用 SVG 和 CSS 动画制作的波浪效果,上半部分是蓝色(可修改成其他颜色)渐变的背景颜色,下半部分就是波浪,有四条波浪在不停的来回起伏,非常逼真。该波浪效果可用于大部分页面的底部,使页面增加一点活泼的气息。
立体卡牌切换效果

立体卡牌切换效果

这是立体卡牌切换效果,三张卡牌有序错位叠在一起,中间的那张在最顶层,左右两种鼠标移上去会有倾斜效果,点击后会和中间的那张进行对换。注意:该效果只支持三张图片。

编辑推荐