HTML5资源教程

分享HTML5开发资源和开发教程

Latest articles

HTML5 Canvas 刻度尺插件 可定制多种主题样式

今天给大家带来一款基于HTML5 Canvas的刻度尺动画,我们可以通过在屏幕上滑动刻度尺来改变刻度值,你也可以通过设置初始值来决定是否在移动刻度尺时显示当前刻度值。这款插件还有一个特点是可以通过配置来设置刻度尺的多种主题样式。 此处内容已经被作者隐藏,请输入验证码查看内容验证码:请关注本站微信公众号,回复“验证码”,获取验证码。在微信里搜索“职场情报官”或者“CareerOfficer”或者微信扫描右侧二维码都可以关注本站微信公众号。

3D质感CSS3按钮 按钮内容支持SVG

记得很早以前,我们给大家分享过一款酷似牛奶般剔透的CSS3 3D按钮,动画效果非常不错。今天我们要分享的同样是一款基于CSS3的3D按钮,尽管这个按钮的视觉效果没有之前那么震撼,但是很实用,特别是它支持按钮内容为任意的SVG,你甚至可以用SVG来制作一段小动画来作为按钮的背景。 在线演示源码下载

Vue鼠标悬停图片放大倾斜动画特效

今天给大家介绍一款基于Vue的图片放大倾斜动画,当我们将鼠标悬停在指定图片上时,该图片将会切换到放大预览的模式,并且图片跟随鼠标的防线倾斜。这次的图片动画是基于Vue JS的,与之前介绍的那些不同,以前很多都是基于jQuery的,相比而言,现在Vue比jQuery要流行多了。 在线演示源码下载

HTML5 Canvas粒子螺旋线条3D动画

今天给大家带来一款效果很酷的HTML5 Canvas动画,它由几个基本动画组成,一个是粒子动画,另一个是螺旋动画。首先是在canvas画板上将像素粒子组合成一个螺旋形线条,然后用JavaScript让粒子运动起来,在视觉上形成螺旋线条波动的动画特效。 在线演示源码下载

jQuery自定义黑色单选框和复选框

网页表单的美化一直是各大第三方前端框架中永恒的话题,jQuery也提供了很多自定义单选框和复选框美化的插件,比如之前分享的jQuery/SVG实现Checkbox商品列表选中特效和CSS3个性化自定义样式的Radiobox单选框。这次我们介绍的是一款基于jQuery的黑色主题自定义单选框和复选框,在下拉框中你可以输入关键字来过滤选项,这对选项过多的情况下还是挺实用的。 在线演示源码下载

JS富有创意的卡通滑杆拖动控件

在网页中我们经常会使用一种滑杆控件来选择一定数量范围的内容,比如年龄范围,金额范围等等。之前我们介绍过一个基于HTML5和CSS3的3D滑杆控件,外观上却是比较新颖。这次我们要分享的是另外一款基于纯JavaScript的创意卡通滑杆拖动控件,它的特点是拖动滑杆时会有一个可爱的卡通头像跟着翻转,而我们仅仅用几行简单的JS代码即可实现,非常轻巧,同时你也可以任意替换自己喜欢的卡通动画头像。 在线演示源码下载

纯JavaScript实现3D百叶窗图片切换动画

还记得之前给大家介绍过一款很不错的jQuery百叶窗动画焦点图插件,使用也比较简单。今天给大家带来的是另外一款百叶窗图片切换动画,它并没有使用任何第三方JS框架,而是纯粹用JavaScript和CSS实现,而且这次的百叶窗动画呈现出的是3D立体的视觉效果,应该说比前一款更为优秀。 在线演示源码下载

CSS3卡通电子琴动画特效

记得在很早以前,我们给大家分享过一个HTML5 SVG圆形钢琴动画,可以弹奏出美妙的琴音。今天给大家分享一个纯CSS3制作的卡通电子琴动画特效,它只是用CSS3绘制的电子琴外观,并不能弹出美妙的音乐,但是它由纯CSS3实现,因此可以当gif动画来展示。 在线演示源码下载

CSS3社交平台分享按钮 鼠标悬停背景变化动画

之前我们分享过一些漂亮和实用的分享按钮,很多都是比较传统的按钮,但结合CSS3使得按钮变得丰富多彩,比如这个又一波CSS3社会化分享图标 可旋转和悬停。也有一些在外观上非常富有创意,比如这个jQuery交互式分享按钮 可横向展开。今天我们再给大家分享一个基于CSS3的社交平台分享按钮,鼠标悬停在按钮上时可以产生变化的背景动画。 在线演示源码下载

CSS3响应式瀑布流图片展示 带倾斜滤镜特效

现在的网站应用被越来越多的移动设备访问,以前网页中的图片通常采用表格的形式展现,但是这不能满足图片尺寸不一致的情况。今天介绍一款基于CSS3的响应式瀑布流图片展示框架,它的特点是可以在电脑端和手机端良好的展示,而且图片还带有倾斜和滤镜的特效。 在线演示源码下载

Discover, share and read the best on the web

Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!