爱前端网Vue.js 圆形CSS3渐变色拾取器
1爱前端网 - Yang 发布于 2021-11-09
这是一个非常实用的颜色编辑拾取工具，它基于vue框架实现，可以很好的生成CSS3中常用的渐变色代码。我们在CSS3代码中经常会用到一些颜色渐变的特效，但是大部分人都对颜色代码值非常不敏感，尤其是渐变色的颜色值。这款vue圆形CSS3渐变色拾取器用一种可视化的方式帮助开发者生成渐变...
阅读(80)评论(0)赞 (3)
WEB前端
HTML5 Canvas 刻度尺插件 可定制多种主题样式
1爱前端网 - Yang 发布于 2021-11-09
今天给大家带来一款基于HTML5 Canvas的刻度尺动画，我们可以通过在屏幕上滑动刻度尺来改变刻度值，你也可以通过设置初始值来决定是否在移动刻度尺时显示当前刻度值。这款插件还有一个特点是可以通过配置来设置刻度尺的多种主题样式。 在线演示 源码下载
阅读(90)评论(0)赞 (3)
Vue.js任务列表 可本地存储任务数据
1爱前端网 - Yang 发布于 2021-11-09
今天给大家带来一款基于vue.js的任务列表插件，也就是我们常说的todo list。我们可以在输入框中输入任务名称，点击“add”按钮后就可以将任务添加到任务列表，并且通过点击任务名称改变任务完成状态。同时你也可以删除任务。你还可以按照任务状态进行筛选，方便查询和统计。这个vu...
阅读(73)评论(0)赞 (2)
Vue.js流程图插件 可自定义流程节点事件
1爱前端网 - Yang 发布于 2021-11-09
今天给大家带来一款基于VueJS的流程图插件，我们可以用这个插件来定义一些对象的生命周期、项目工作的流程等等，非常方便。这个实例中，我们用这个插件定义了一个vue对象的生命周期，这也可以让你大致了解vue框架的工作过程。每一个流程节点也都可以定义前后节点之间的事件触发规则，同时也...
阅读(77)评论(0)赞 (2)
SVG超酷动画Tab菜单栏
1爱前端网 - Yang 发布于 2021-11-09
这是一款基于SVG和CSS3的动画Tab菜单插件，菜单图标使用SVG绘制而成，菜单切换时还会产生不错的动画效果。菜单项小图标使用svg的好处，不仅在于灵活绘制，更方便制作菜单项切换时图标的动画特效。另外，Tab菜单项切换时，还同时会渐变地更新页面的背景颜色，当然如果你觉得太花里胡...
阅读(83)评论(0)赞 (2)
HTML5圣诞礼物大炮发射3D动画
1爱前端网 - Yang 发布于 2021-11-09
今天给大家带来一款基于HTML5的圣诞礼物大炮发射动画，这个动画主要是构造了一个3D的卧室场景，我们通过点击鼠标让一门大炮可以源源不断地发射各种各样的圣诞礼物，并且伴随大炮发射的声音，显得非常逼真有趣。这个HTML5动画主要算法是一些物体的碰撞检测，以及物体碰撞时的运动方向计算，...
阅读(88)评论(0)赞 (3)
Vue.js实现的3D Tab菜单
1爱前端网 - Yang 发布于 2021-11-09
今天给大家带来一款基于VueJS的3D Tab菜单，它跟我们之前分享的许多CSS3 Tab菜单不同的是，它可以随着鼠标移动呈现出3D立体的视觉效果，每个tab页面还可以通过CSS自定义封面照片。它的核心是基于vue和bootstrap实现，因此扩展起来非常方便，你可以任意添加或者...
阅读(73)评论(0)赞 (2)
Vue.js折线图表插件 支持数据分组统计
1爱前端网 - Yang 发布于 2021-11-09
这是一个基于vue.js的折线图表插件，它拥有折线图应该有的全部功能，包括数据更新、数据分组统计以及图表自适应等功能，使用起来十分方便。在插件使用方面，我们只需要在配置选项中设置x轴和y轴的数据范围定义，以及各自的单位。然后再定义每组数据，vue会帮你完成后续的图表生成，以及生成...
阅读(62)评论(0)赞 (2)
HTML5国际象棋AI版
1爱前端网 - Yang 发布于 2021-11-09
之前我们介绍过基于HTML5的中国象棋和五子棋，它们都可以实现人机对战，而且“机器智商”都还算可以。这次我们要给大家带来一个基于HTML5的国际象棋，它也提供人机对战，不过智商相对较低，我们称它为“Cheap AI”，像我一个国际象棋初级入门的人都可以轻轻松松赢得比赛。如果你对人...
阅读(91)评论(0)赞 (3)
3组不同风格的CSS3后台管理系统菜单
1爱前端网 - Yang 发布于 2021-11-09
这是一款基于Tailwind CSS3的后台管理系统菜单，提供3组漂亮的风格主题，非常适合为网站或者App的后台系统提供主菜单导航。这款CSS菜单结构是垂直的，提供“仅图标”和“图标文本”两种模式，所以我们可以为菜单设计一个响应式的方案，选择性地使用菜单显示模式。菜单的3组风格主...
阅读(70)评论(0)赞 (3)
React.js扭曲相册焦点图动画
1爱前端网 - Yang 发布于 2021-11-09
今天给大家分享一款基于React.js的相册画廊，它同时也是一个不错的焦点图播放动画插件。这款焦点图插件的特点是图片以淡入淡出和扭曲的动画方式切换，虽然并没有华丽的动画效果，但是简单明了，又不乏创意，非常不错。另外一个特点是，这款焦点图可以适应不同的屏幕尺寸，在手机上也同样可以有...
阅读(55)评论(0)赞 (2)
简单精美的纯CSS垂直手风琴菜单
1爱前端网 - Yang 发布于 2021-11-09
这是一个使用纯CSS实现的垂直手风琴菜单，菜单一共两种模式，一种是可以同时打开多个菜单项，另一种是只能同时打开一个菜单项。而且，简单的CSS样式，不仅实现简单，而且样式扩展起来也比较灵活。你可以给菜单面板添加背景，也可以给菜单项添加小图标，提升整个手风琴菜单的美观度。 在线演示 ...
阅读(60)评论(0)赞 (2)
HTML5 WebGL 3D樱花飘落动画
1爱前端网 - Yang 发布于 2021-11-09
今天要给大家分享一个非常炫酷的HTML5 3D樱花飘落动画，基于WebGL技术。每一片樱花落叶都是在canvas上绘制而成，而且樱花叶片也会随着不同的角度发出不同的色泽光芒，总体呈现出3D立体的视觉效果。整个樱花飘落动画非常大气，如花雨一般，让人倍感震撼。另外，整个动画还可以通过...
阅读(74)评论(0)赞 (2)
HTML5 3D地球仪 可按经纬坐标定位
1爱前端网 - Yang 发布于 2021-11-09
今天要给大家分享一个基于HTML5的3D地球仪动画，地球仪不仅可以自动自西向东旋转，而且还可以旋转到指定经纬度坐标。另外，还有一个控制面板，可以控制地球是否自转、光晕是否显示，以及地理缩放。你也可以通过拖拽鼠标来改变地球仪的视角，可以将它移至南北极的视角，也可以移至赤道的视角，非...
阅读(67)评论(0)赞 (2)
5个不错的CSS3鼠标滑过按钮动画
1爱前端网 - Yang 发布于 2021-11-09
今天给大家分享一组还不错的CSS3鼠标滑过按钮动画，一共有5种不同的动画效果。当我们将鼠标滑过按钮时，就分别会出现外框线条的渐变、外框的嵌入阴影以及发光背景的动画特效，按钮看起来十分清新简单，但是却都很大方，而且都只使用了<a>超链接和CSS代码实现，因此使用和扩展都非常简...
阅读(62)评论(0)赞 (2)
JavaScript 动画折线图 带阴影 3D 效果
1爱前端网 - Yang 发布于 2021-11-09
今天给大家带来一款比较简单清新的JavaScript动画折线图，折线图的数据区域带有阴影效果，因此整个图表看起来有着一点3D立体的视觉效果。另外，这个JS折线图并没有采用第三方的图表插件，这也各有利弊，好处在于不受庞大框架的束缚，修改灵活，但缺点也在于开发者如果想要其他类型的图表...
阅读(61)评论(0)赞 (2)
纯CSS3实现的无限级垂直手风琴菜单
1爱前端网 - Yang 发布于 2021-11-09
今天要给大家带来一款简单实用的无限级垂直手风琴菜单，它的特点是菜单项支持无限级展开，同时还在菜单底部设计了分享按钮，整体比较协调。这款手风琴菜单是由纯CSS3实现而成，因此无论是完善还是使用，都比其他菜单插件简单，非常适合在小型的后台管理系统中使用。 在线演示 源码下载
阅读(58)评论(0)赞 (2)
基于Three.js的图片撕碎切换动画
1爱前端网 - Yang 发布于 2021-11-09
这次要给大家带来一个特别炫酷的HTML5 Canvas图片切换动画，它是基于three.js动画库实现的，主要动画是图片以撕碎的特效进行切换，相当震撼。另外，在图片切换过程中，你也可以通过鼠标拖动来查看切换时的具体细节效果。如果将它制作成一个效果非常独特而华丽的相册或者焦点图插件...
阅读(89)评论(0)赞 (4)
HTML5 3D全屏相册动画
1爱前端网 - Yang 发布于 2021-11-09
这是一款十分精美别致的HTML5 3D相册动画，同样它也是一个不错的全屏焦点图插件，在全屏应用中显得非常大气。我们可以在相册中放置几张图片，当前激活的相片将会高亮显示，其余的相片将会以3D立体的方式半隐藏在里面，另外再加上图片边缘的阴影，使整个相册动画显得比较高端，非常适合在产品...
阅读(65)评论(0)赞 (2)
CSS3发光按钮登录表单
1爱前端网 - Yang 发布于 2021-11-09
今天给大家分享一个黑色系发光按钮登录表单，这个登录表单最大的特点在于，它有一个带炫酷动画的登录按钮。当我们将鼠标放在按钮上方时，按钮将会出现发光的动画特效，当鼠标移开时，按钮又会回到边框动态更新的动画效果。搭配黑色的背景风格，这款CSS3登录表单非常有特色，而且十分简单，建议你使...
阅读(53)评论(0)赞 (2)