WEB前端 第3页

HTML5和CSS3实现的自定义3D滑杆控件

1

爱前端网 - Yang 发布于 2019-08-09

我们分享过一些比较有意思的滑杆控件,比如这款基于VueJS的滑块组件就非常不错。滑杆这种控件一般用在范围选取上面,比如结合图表生成一定范围的数据。今天我们分享的这个滑杆控件自定义程度非常高,特别是使用了CSS3的3D特性,让整一个滑杆控件效果更加炫酷。 在线演示 源码下载

阅读(71)评论(0)赞 (1)

HTML5 Emoji自定义表情编辑器

1

爱前端网 - Yang 发布于 2019-08-09

Emoji表情在网页中使用十分广泛,它由一些简单的字符组成许多表情,例如笑脸、蛋糕等。今天我们要介绍一个基于HTML5和CSS3的Emoji自定义表情编辑器,初始默认是一个人脸,你可以在编辑器中为该人脸表情添加和改变各种面部表情,例如带上帽子,噘嘴等,甚至可以将其他任意Emoji...

阅读(73)评论(0)赞 (1)

基于Three.js和HTML5 Canvas的3D水晶球体

1

爱前端网 - Yang 发布于 2019-08-09

今天给大家分享一个很酷的HTML5 Canvas 3D动画,它同样是一个基于Three.js制作的动画特效。在Canvas上有一个用许多长度各异的水晶柱形组成的球体,我们还可以用鼠标拖拽球体来从不同角度观察球面,还可以用鼠标滚轮来缩放球面。还有一个特性就是,双击球面可以改变水晶面...

阅读(82)评论(0)赞 (1)

VueJS表头固定的数据表格 可按每列排序

1

爱前端网 - Yang 发布于 2019-08-09

在网页中,表格(table)大部分用于数据的展示和处理,在jQuery的时代,用于表格的插件非常多。今天我们介绍一个基于VueJS的表格应用,它的特点是表格表头固定,也就是说当表格数据行很多时,页面下拉时表头可以固定,方便查看每一列的数据。另外还有特点是我们可以对每一个列进行排序...

阅读(65)评论(0)赞 (1)

HTML5 Canvas烟花绽放庆祝活动场景

1

爱前端网 - Yang 发布于 2019-08-09

前段时间,我们分享过几个基于HTML5 Canvas的烟花动画,例如这个2D平面的烟花动画,也是基于HTML5 Canvas的;同样的另外一个基于3D带音效的烟花燃放动画效果也非常炫酷。这次我们分享的另外一款基于HTML5 Canvas的烟花绽放动画的特点是,除了可以播放烟花动画...

阅读(84)评论(0)赞 (1)

HTML5 CSS3颜色选取并复制十六进制值

1

爱前端网 - Yang 发布于 2019-08-09

之前我们分享过很多基于jQuery和HTML5的颜色拾取器,都可以在调色板上选取不同的颜色,比如这个jQuery实现的一个颜色选择器功能就比较强大,可以拾取任意颜色。这次我们分享的这款颜色选取应用是基于HTML5和CSS3的,它的特点是可以选择某一色系中的几种常用颜色,并且可以将...

阅读(73)评论(0)赞 (1)

HTML5骏马奔跑动画

1

爱前端网 - Yang 发布于 2019-08-09

今天给大家分享一个非常新颖的HTML5动画,它是一匹骏马,在疾风中飞驰。马的外观是在Canvas上绘制而成,同时骏马在奔跑的时候从地面上飞溅上来很多泥土,这让骏马奔跑的效果更加逼真,这个动画可以改进的地方是可以利用CSS3将骏马的面部、身体等部位描述的更加具体一点,比如添加眼睛、...

阅读(68)评论(0)赞 (1)

纯CSS3花瓣样式的Loading加载动画

1

爱前端网 - Yang 发布于 2019-08-09

之前我们分享过很多基于纯CSS3的Loading加载动画,有的是Loading动画小图标,有的是进度条动画,这些在延迟加载的页面和复杂耗时操作上非常实用。这次我们要分享另外一款富有创意的纯CSS3花瓣样式的Loading加载动画,它的外观是一个花瓣形状的小图标,页面加载时花瓣小图...

阅读(80)评论(0)赞 (1)

CSS3软件卸载对话框 根据是否卸载出现不同表情

1

爱前端网 - Yang 发布于 2019-08-09

之前我们分享过很多各式各样的对话框插件,有的基于jQuery,有的则是应用了大量的CSS3特性,让对话框的外观和交互行为变得更加不错。例如多动画对话框窗口插件就非常好看和实用。今天我们要分享另外一个对话框插件,它主要用来卸载软件时的提示,特点在于,当用户选择保留和卸载后,对话框中...

阅读(66)评论(0)赞 (1)

HTML5 Canvas 3D环形方块翻转动画

1

爱前端网 - Yang 发布于 2019-08-09

之前我们有给大家分享过一系列的HTML5 3D立方体动画,有很多效果都还不错的,比如这个HTML5/CSS3 3D魔方动画就很厉害,这应该是方块效果中最复杂的了。今天给大家带来的这款方块动画是基于HTML5 Canvas的,它的特点是许多个方块围成一个环形,每个方块不停地旋转,同...

阅读(81)评论(0)赞 (1)

CSS3 SVG实现带表情的投票打分插件

1

爱前端网 - Yang 发布于 2019-08-09

记得很早的时候给大家分享过一些简单实用的投票插件,大部分都是基于jQuery的,比如这款jQuery评论打分插件 支持多种打分按钮。今天要介绍的这款投票打分插件是基于CSS3和SVG的,它的特点是对于不同的评级会有不同的表情,比如1星是失落的表情,5分是帅酷的表情。 在线演示 源...

阅读(114)评论(0)赞 (1)

程序猿必备的10款web前端动画插件十五

10

爱前端网 - Yang 发布于 2018-12-18

1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛,特别是图片和首页文章的动态加载。今天分享的这款就是基于jQuery的瀑布流图片筛选插件,我们可以点击图片分类名称,即可将对应分类下的图片以瀑布流的方式展示出来,这款插件在筛选图片上使用还是比较...

阅读(1105)评论(0)赞 (9)

程序猿必备的10款web前端动画插件十四

10

爱前端网 - Yang 发布于 2018-11-14

1.CSS3 3D倾斜视差图片特效 CSS3有一些属性能够实现3D的视觉效果,将这些3D特性应用到图片上时就可以让图片呈现出立体的效果。今天给大家带来的这款基于CSS3的3D倾斜视差图片特效非常不错,图片上方悬浮文字标题,并且在图片周围添加合适的投影,同时会随着鼠标的移动形成3D...

阅读(1256)评论(0)赞 (10)

程序猿必备的10款web前端动画插件十三

10

爱前端网 - Yang 发布于 2018-08-29

1.jQuery圆形旋转切换菜单 带菜单项描述 jQuery有着无数的插件,菜单插件是jQuery插件中最多的,尤其是CSS3和HTML5的配合,让jQuery菜单变得更加丰富多彩。今天我们要给大家分享一款基于jQuery的创意菜单,它是圆形旋转的菜单项,菜单项会自动切换,并在切...

阅读(1938)评论(0)赞 (15)

2018年十大轻量级的CSS框架为构建快速网站

10

爱前端网 - Yang 发布于 2018-05-31

如果你正在寻找一个新的CSS框架为你的下一个前端开发项目,请阅读一个开发人员对一些流行的选择的评论。 当建立一个网站时,使用CSS框架是一个真正的节省时间的方法,因为它为你提供了每个网页设计师在制作网站时需要的工具。但是正如你所知道的,加载速度是一个非常重要的质量因素。因 此,我...

阅读(3226)评论(0)赞 (12)

程序猿必备的9款web前端动画插件十二

9

爱前端网 - Yang 发布于 2018-04-16

1.jQuery大屏图文切换时间轴 可循环播放 今天要给大家带来一款比较特别的jQuery图片切换播放器,它的特点在于切换的不仅仅是图片,而是图文,另外每一幅图文关联时间轴上的一个节点,时间轴跟随图文切换而移动。同时,这款图文时间轴播放器还可以无缝循环播放。如果你的网站上需要介绍...

阅读(3318)评论(0)赞 (16)

程序猿必备的9款web前端动画插件十一

9

爱前端网 - Yang 发布于 2018-03-13

1.HTML Canvas火焰画笔动画 之前我们为大家分享过很多关于火焰的HTML5动画,像这个HTML5 Canvas火焰文字动画特效和这个HTML5动感的火焰燃烧动画特效就非常炫酷。这次我们要介绍的这款基于HTML5 Canvas火焰动画非常特别,它是带火焰动画的画笔,画笔笔...

阅读(2541)评论(0)赞 (12)

程序猿必备的14款web前端动画插件十

14

爱前端网 - Yang 发布于 2018-02-08

1.SVG选项切换开关按钮 可提供3个选项切换 这是一款比较特别的开关切换按钮,与之前分享的很多CSS3开关切换按钮不同,这款是基于SVG和HTML5的,它的最大特点在于可以提供3个选项切换动画,不像前面的这款漂亮的纯CSS3开关切换按钮动画那样虽然外观漂亮,但只能提供&ldqu...

阅读(2578)评论(0)赞 (11)

程序猿必备的8款web前端动画插件九

8

爱前端网 - Yang 发布于 2018-01-25

1.HTML5/CSS3实现四季更替过渡动画 采用HTML5和CSS3技术我们可以实现很多色彩变幻和情景过渡动画效果,之前分享的这款HTML5 SVG天气预报动画卡片就是一个很不错的例子。这次我们带来的是一款基于HTML5和CSS3的四季更替过渡动画特效,一副简单的森林景象伴随着...

阅读(2064)评论(0)赞 (7)

程序猿必备的12款web前端动画插件八

12

爱前端网 - Yang 发布于 2018-01-14

1.一组精美的SVG自定义单选框按钮美化插件 之前我们介绍过很多利用CSS3渲染的自定义美化单选框和复选框,比如这款jQuery超级个性化的单线框和复选框就非常不错。这次我们要分享的是一组基于SVG的自定义单选框按钮美化插件,它非常适合做一些精美的评分插件。 在线演示 源码下载 ...

阅读(2227)评论(0)赞 (8)