CSS3 loading三圆点加载动画特效

CSS3 loading三圆点加载动画特效

2018年06月21日作者:月光光标签:CSS3  HTML5 

three-dots.css是一款CSS3 loading三圆点加载动画特效库。three-dots.css中集成了14种三圆点loading动画特效,以及三种增强动画效果。阅读全文

电影院在线选座和观影效果预览

电影院在线选座和观影效果预览

2018年05月27日作者:月光光标签:HTML5  CSS3 

想必大家在网上都买过电影票、机票、车票吧,在购票过程中,你需要选择一个座位。假如你想看《复仇者联盟3》,你在选座位的过程中并不知道你的位置的观影效果,那么本文来告诉你如何做到在选择座位的同时可以看到屏幕效果,让购票者有种虚拟现实的预览,是不是很酷。阅读全文

使用html2canvas将网页保存为图片

使用html2canvas将网页保存为图片

2018年05月19日作者:月光光标签:JavaScript  HTML5 

使用html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏保存为图片。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。阅读全文

使用CSS3实现百叶窗式鼠标滑过hover图片动画效果

使用CSS3实现百叶窗式鼠标滑过hover图片动画效果

2018年05月13日标签:CSS3  Bootstrap 

这是一款使用CSS3实现的百叶窗式鼠标滑过hover图片动画效果。该CSS3百叶窗式鼠标hover图片动画效果当鼠标移动到图片上时,通过伪元素来制作方块移动效果,形成百叶窗组合运动效果。阅读全文

WOW.js – 有趣的页面滚动效果

WOW.js – 有趣的页面滚动效果

2018年05月08日作者:月光光标签:JavaScript  HTML5  CSS3 

页面在向下滚动的时候,你想让页面元素产生细小的动画效果,从而引起浏览者注意力,那么你可以试试 WOW.js。WOW.js支持多种动画效果,让你的页面滚动效果更加有趣。阅读全文

纯CSS实现的大型下拉菜单

纯CSS实现的大型下拉菜单

2018年04月30日作者:月光光标签:HTML5  CSS3 

这是一款纯CSS实现的大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作,没有任何js代码,不依赖任意第三方插件。适合用于栏目分类较多的大型网站使用。阅读全文

基于SVG路径运动的js内容切换插件path-slider

基于SVG路径运动的js内容切换插件path-slider

2018年04月22日作者:佚名标签:JavaScript  HTML5 

path-slider.js是一款基于SVG路径运动的js内容切换轮播插件。该js轮播插件可以根据指定的SVG路径,分布排列多个DOM元素,然后使这些DOM元素在SVG路径上执行轮播动画。阅读全文

HTML5轻松实现全屏视频背景

HTML5轻松实现全屏视频背景

2018年04月17日作者:月光光标签:HTML5  网页播放器 

想在你的网页首页中全屏播放一段视频吗?而这段视频是作为网页的背景,不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意,它就是Bideo.js。阅读全文

HTML5 Web播放器-Video.js

HTML5 Web播放器-Video.js

2018年04月09日作者:月光光标签:JavaScript  HTML5  网页播放器 

Video.js是一款优秀的HTML5 Web视频播放器。它同时支持 HTM5 和 Flash 视频,支持在桌面和移动设备上的视频播放,截至目前,大概有40W的站点在使用Video.js作为web播放器。阅读全文

CSS3实现的线条波浪动画效果

CSS3实现的线条波浪动画效果

2018年04月07日作者:月光光标签:CSS3 

这是一款使用CSS3 animation动画和png图片制作的css3线条波浪动画效果。该特效中,使用了3张波浪线条的png图片,以及少量的CSS代码,制作出逼真的线条波浪动画效果。阅读全文