代码
幻灯片 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)