代码
幻灯片 jQuery插件 fullpage.js 世界杯 时光轴-
Tailwind CSS制作紫色风格联系我们页面
这是使用Tailwind CSS制作的紫色风格联系我们页面，背景分为左右两部分，左边是纯紫色填充，右边是一张紫色的水果花朵图片。联系表单浮现在背景上面。该页面适配了移动设计，在手机设备上，背景只显示虚化的图片。
点击(96) 下载(2)
-
五个色彩优美的鼠标悬停渐变按钮
这是一款色彩优美的渐变按钮，共五个，五个颜色不一样。默认情况下，颜色是从左边渐变到右边，当鼠标悬停到按钮上时，按钮会以动画过度的方式反相渐变，也就是从右边渐变到左边，看起来非常优美。
点击(128) 下载(0)
-
Tailwind CSS制作简洁的移动端登录界面
这是使用Tailwind CSS制作的简洁的移动端登录界面，上方是Logo（或者头像），下方是电子邮箱和密码两个表单，非常的简单，没有过多花里胡哨的东西。使用Vue.js做了表单验证，在验证通过后的代码后，可加入您的登录处理逻辑。该登录界面除了可以用于移动端，PC端也同样适配。
点击(156) 下载(2)
-
Vue+Canvas实现手写电子白板
在开会、讨论或者讲解的时候，经常会用到手写板，用于记录讨论结果，或者便于讲解。很多公司的会议室都会有电子白板，有些人则喜欢用iPad等电子设备。本例是使用Vue+Canvas实现的手写电子白板。
点击(201) 下载(2)
-
fullPage.js和Animate.css制作《王者营地》介绍页面
这是使用fullPage.js和Animate.css制作的《王者营地》介绍页面，距离之前介绍fullPage.js和Animate.css已经很久了，现在它们都已经迭代了很多个版本了，与当时介绍时的使用方法也有些不一样了。
点击(335) 下载(10)
-
Tailwind CSS制作流行的用户注册页面
这是一款使用Tailwind CSS制作的流行的用户注册页面，左边是图片，右边表单，也可以使用微信、QQ或微博等第三方账号注册。该注册页面也兼容适配移动端，当设备宽度小于640px时，左边的图片会自动隐藏，只显示表单部分。除了使用Tailwind CSS外，还使用了Font Awesome字体图标。
点击(305) 下载(15)
-
Vue制作富有质感的方形HTML5音乐播放器
这是一款使用Vue制作的富有质感的方形HTML5音乐播放器，播放器左上角以浮起的方式显示封面，右侧是播放控制按钮，包含了收藏、上一首、下一首和播放，下面部分显示歌名、歌手名和播放进度条。这款播放器简洁精致，可用作独立的播放器使用。
点击(537) 下载(12)
-
Vue制作大气的手风琴人物介绍
这是使用Vue制作大气的手风琴人物介绍页面，默认激活第一个，显示人物的名称、简介和图片，其他未激活的以黑色半透明的形式显示人物图片的一小部分。主要使用Vue和CSS3过度属性实现，同时兼容移动端。
点击(585) 下载(44)
-
滚动的数字时钟
这是一款滚动的数字时钟，使用canvas制作，采用12小时制，右上角显示AM或PM，时钟以秒为单位，从上往下滚动。
点击(422) 下载(28)
-
黑色风格弹出式登录框(AI)
这是一款黑色风格的弹出式登录框，点击【立即登录】按钮后，登录框就会从上方弹出到页面中央，点击右上角的关闭按钮，登录框又往上弹回去了。该登录框使用了字体图标Font Awesome、动画库animate.css和老牌JS框架jQuery。
点击(310) 下载(13)
-
CSS制作满天繁星效果
这是使用纯CSS制作的满天繁星效果，效果的底部有三座大山，山的上面是一片浩瀚的星空，星星在夜空中不停的旋转，不时还有流星划过。
点击(608) 下载(60)
-
简单的CSS波浪效果
这是使用SVG和CSS动画制作的波浪效果，上半部分是蓝色（可修改成其他颜色）渐变的背景颜色，下半部分就是波浪，有四条波浪在不停的来回起伏，非常逼真。该波浪效果可用于大部分页面的底部，使页面增加一点活泼的气息。
点击(708) 下载(92)