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

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

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

黑色风格弹出式登录框

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

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

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

简单的CSS波浪效果

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

立体卡牌切换效果

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

带弹出注册的登录页面

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

编辑推荐