Yang的文章 第3页

爱前端网 - Yang 发布于 2021-11-09

今天分享的是一个基于Three.js的HTML5 3D动画，这个动画模拟了游戏中的一个炫酷的3D场景，支持360度视角查看，也支持鼠标滚轮进行缩放。画面中主要展现了一个游戏中传送门的效果，同时还有路两边的围栏、灯笼、石头，以及星光闪闪的萤火虫，整个画面显得十分神秘。不得不说，th...

阅读(1032)赞 (2)标签：3D动画 / HTML5 3D / HTML5动画 / Three.js

爱前端网 - Yang 发布于 2021-11-09

今天给大家带来一款很实用的HTML5图片播放插件，与一般的焦点图播放形式不同，这款插件是略微带有3D效果的横向无限循环滚动图片流。我们可以通过拖动滚动条、滚动鼠标滚轮、以及点击上一张下一张按钮来滚动图片，其特点是当前图片会放大高亮显示在屏幕中央，其余图片则缩小后在显示在两侧，同时...

阅读(1627)赞 (4)标签：3D / HTML5应用

爱前端网 - Yang 发布于 2021-11-09

我们知道Svg可以构造任意的路径，绘制出任意的平面图形甚至是类3D的图形画面。今天我们要介绍的就是一款利用SVG路径遮罩实现图片颜色的任意替换功能。这里我们以沙发图片为例，我们可以任意更改沙发的颜色及其背景颜色。原理是利用SVG绘制沙发的路径结构，然后用选择的颜色填充路径即可。如...

阅读(1128)赞 (1)标签：SVG

爱前端网 - Yang 发布于 2021-11-09

今天给大家介绍的是一款HTML5调用本地摄像头，然后识别人体的手掌的动画应用。当HTML5调起本地摄像头后，你只要在镜头前挥动你的双手，摄像头就会自动识别，并且在视频中显示，更厉害的是，它可以精确识别到手指手腕的关节，并且在你伸展手指时，相应的关节部位的节点就会随着伸展联动。这当...

阅读(1231)赞 (2)标签：HTML5动画 / 摄像头

爱前端网 - Yang 发布于 2021-11-09

这是一款基于CSS3的复选框插件，这款复选框插件非常具有特点，当复选框被选中或者取消选中是，复选框将会出现翻转跳跃的动画特效。另外，这款CSS3 3D复选框也考虑到了禁用复选框的情况，禁用后，复选框变成灰色，并且不可选择。同时，你可以使用正常的取值方式来获取复选框的选择情况，因此...

阅读(877)赞 (2)标签：CSS3 3D / 复选框

爱前端网 - Yang 发布于 2020-03-19

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

阅读(4213)赞 (339)标签：CSS3按钮 / SVG按钮

爱前端网 - Yang 发布于 2020-03-19

今天给大家带来一款基于HTML5 Canvas的刻度尺动画，我们可以通过在屏幕上滑动刻度尺来改变刻度值，你也可以通过设置初始值来决定是否在移动刻度尺时显示当前刻度值。这款插件还有一个特点是可以通过配置来设置刻度尺的多种主题样式。 在线演示 源码下载

阅读(4249)赞 (18)标签：HTML5 Canvas / 刻度尺

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

今天给大家分享一个非常有特色的CSS3动画按钮，之前分享的很多按钮都是通过CSS3特性实现的3D视觉效果，比如这款超酷的CSS3复古风格和字体的3D按钮。这款按钮不同，它主要是鼠标滑过按钮后渲染出水墨风格的背景动画，尽管是平面样式，但是比较简单实用，也有一种扁平化的效果。 在线演...

阅读(4985)赞 (26)标签：CSS3 3D / CSS3按钮

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

今天给大家分享一个基于HTML5和CSS3的超链接动画，这个HTML5应用还是比较实用的，它可以让你在鼠标滑过超链接时弹出图片，就像弹出tooltip那样的动画效果。因为用上了一些CSS3的动画属性，所以这个超链接图片弹出动画有很多种，你也可以自己尝试定义一些新的动画效果。 在线...

阅读(5054)赞 (22)标签：css3图片 / 超链接

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

今天给大家带来一个非常富有创意的CSS3菜单导航插件，它与我们平常看到的横向菜单或者纵向菜单都不同，它的菜单项是沿着一段弧形曲线分布的，同时有两个上下切换的按钮，当切换到某一个菜单项时，菜单项会沿着曲线移动到当前视窗，同时显示对应的小图标，更重要的时，菜单项的切换是循环的，因此使...

阅读(4874)赞 (284)标签：CSS3菜单

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

这是一款基于jQuery的侧边栏多级下拉菜单插件，这个菜单的特点是可以固定在左侧边栏，当页面滚动时整个菜单可以保持一直可见，方便操作。类似的菜单插件还有CSS3侧边栏单页切换小图标菜单和CSS3侧边栏手风琴菜单，都非常实用。这种菜单非常适合在网站的后台管理页面中使用。 在线演示 ...

阅读(4862)赞 (15)标签：jQuery插件 / jQuery菜单插件

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

之前我们分享过很多非常实用的自定义单选框和复选框插件，大部分都是通过CSS3实现，比如这款CSS3漂亮的自定义Checkbox复选框；也有些是基于jQuery的，比如这款jQuery美化版复选框checkbox。今天给大家分享另外一款基于纯CSS3的开关样式的自定义单选框插件，一...

阅读(3802)赞 (17)标签：CSS3表单 / Radiobox

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

我们在网页中可以通过HTML5的Canvas画板绘制很多图形，甚至做许多动画特效，你可以在我们的HTML5 Canvas栏目中找到这些动画。今天我们给大家带来另外一款基于HTML5 Canvas的飞机航班线路模拟动画，它模拟了许多航班在不同目的地的起飞降落数量。 在线演示 源码下...

阅读(4818)赞 (15)标签：HTML5 Canvas / HTML5动画

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

如何在网页上编辑表格数据，这通过自己编写JS和CSS实现都是比较麻烦的，jQuery有很多插件可以完成这种功能，比如这款jQuery简易版的Excel表格功能插件，就可以基本满足网页上的数据编辑。这次我们分享的这款插件是基于Layui的，layui 是一款采用自身模块规范编写的前...

阅读(3211)赞 (15)标签：jQuery插件 / jQuery表单插件

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

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

阅读(3358)赞 (15)标签：jQuery动画插件 / jQuery插件

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

今天给大家分享一款很实用的CSS3购物车图片插件，它的功能是当你将鼠标滑过购物车图片时，图片会切换成另外一张图片，同时在图片上方产生一层带操作按钮的遮罩层，你可以定义分享、比较和搜索等操作，你也可以自己添加删除小按钮。 在线演示 源码下载

阅读(2666)赞 (15)标签：css3图片

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

我们分享过很多基于CSS3的Loading加载动画，通过CSS3的高级特性，可以制作出形态各异的Loading加载动画组件。今天给大家带来的这款Loading加载动画是基于HTML5 Canvas的，在canvas画布上，我们动态绘制许多多边形，这些多边形伴随着颜色的随机变化和旋...

阅读(4289)赞 (14)标签：HTML5 Canvas / Loading动画

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

很多现代网站现在都喜欢用卡片式的风格，即在首页中将文章标题、内容和主题图片制作成卡片展示。今天这款就是基于CSS3的卡片动画，卡片中的元素可以是任意HTML元素，这里比较特别的是在文字下方显示一个3D按钮，同时当我们将鼠标滑过卡片时，卡片会呈现3D的翻转动画。 在线演示 源码下载

阅读(4118)赞 (18)标签：3D动画 / CSS3

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

今天给大家分享一个用纯HTML和CSS实现的table表格，非常实用。首先，表格的头部采用了隔列换色的形式，表格的行也采用斑马式的交替颜色，这些都是通过CSS定义的，因此表格的外观看起来还不错。其次表格是自适应响应式的，当页面缩小到一定范围时，表头将以行的形式固定，数据可以水平拖...

阅读(3231)赞 (14)标签：CSS教程

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

今天给大家分享一款基于jQuery的时间轴插件，它的功能就像是扩展版的jQuery焦点图那样，不仅可以像时间轴那样沿着轴向前翻滚，而且可以点击按钮向前或者向后翻滚，这有点类似传统的焦点图插件，并且这些在时间轴上的事件可以循环滚动。 在线演示 源码下载

阅读(3101)赞 (15)标签：Jquery / 时间轴