标签:3D

WEB前端

React 3D层叠卡片切换动画

1

爱前端网 - Yang 发布于 2022-03-27

今天给大家分享一个相当实用的React插件,我们可以利用这个插件制作一个3D视觉效果的CSS3层叠卡片切换动画,切换的内容可以是tab内容页,也可以是图片。这个插件允许我们将轮播的内容卡片分别排列在两侧,当前激活的内容则高亮居中显示,被隐藏起来的卡片大小逐渐变小,有一种3D立体的...

阅读(1070)赞 (5)

WEB前端

纯CSS3 3D乒乓球比赛动画

1

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

这是一个使用CSS3实现的3D乒乓球比赛动画,场面效果令人震撼,最关键的是,这个动画并没有使用一行JS代码,而是全部用HTML和CSS实现。画面中的乒乓球桌、球拍以及乒乓球都是通过CSS3绘制而成,包括球桌的阴影和乒乓球运动时的投影,3D效果表现得非常逼真。唯一不足的是,没有将比...

阅读(583)赞 (3)

WEB前端

HTML5 无限循环滚动图片流

1

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

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

阅读(767)赞 (4)

WEB前端

程序员需要了解的3D粒子的探索

9

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

一个鼓舞人心的演示,用three.js探索3D空间中的粒子动画。这种类型的动画可能非常适合页面加载器。 这套演示使用three.js和easing探索三维粒子动画。这些演示中的所有粒子和形状都是由三个基本的几何体/材质/网格组成,如球体,线条和盒子。 在线预览 源码下载 这个概念...

阅读(3715)赞 (10)