3D旋转卡片
gsap.js 360度卡片原地旋转3D动画效果基于 gsap.js 以及 CSS 实现的3D带光影效果的360度原地旋转卡片效果，适用于银行卡、票券等卡片展示场景使用，附带逼真的光影效果特别的炫酷，卡片表面的文案、图片以及票券旋转速度支持...
海底探险号
Bootstrap 滚动鼠标探索海底深渊世界一款非常有趣的海底探险动画效果，底层基于Bootstrap主流版本实现，整个页面从上往下由浅及深分为阳光区、曙光区、午夜区、深渊区、海底区，背景是逼真的「马里亚纳海沟」素材图以及不同深度所拥有...
滚动轮播
CSS 实现鼠标滚动内容平滑切换动画效果纯 CSS 实现的滚动鼠标切换内容效果，页面中可放置多个section块元素，每个块元素中可随意定义文字、图片以及视频等内容，当滚动鼠标时每个section块元素会作为一个整体进行平滑的切换，同...
加载效果
CSS 极简创意苹果产品全家桶轮番展示 loading 加载动画极具创意的loading动画效果，由手机、电脑、平板、智能手表这些常用的电子产品图标以跳跃轮播的动画效果展示「加载中」页面特别有科技感，而且还特别的简洁轻量级，无需各类三方素材以及图片素材，只...
图片切换
JavaScript 横向滚动轴切换图片多张图片横向平铺放不下怎么办？可以考虑加横轴滚动条来实现横向平铺更多图片！这款组件实现了横向无限扩展查看更多图片的功能，当图片或者其他块级元素超过横向屏幕时底部会出现横向的滚动条，并且支持鼠标左...
喇叭兔
数字营销与APP软件开发企业服务专用 Tailwind CSS HTML 模板这是一款企业服务行业专用的网站模板，使用功能强大且热度优异的前端框架 Tailwind CSS 3x构建而成，总共包含了 3 款主页风格可对应三种细分领域行业网站使用，分别是数字媒体营销、APP...
3D海报
CSS 3D动画海报制作，带左右晃动效果 3D 画面更加逼真仅仅用 CSS 实现的 3D 动画海报，该海报是由前后两张图片以及中间的宣传文案总共三层布局实现的，使用了 CSS 的 transform 等关键属性将这三层布局转换为酷炫的 3D 效果，利用 ...
磨砂滤镜
SVG 实现的磨砂镜片滤镜效果，支持手动输入文字采用 SVG 实现的灰尘镜片滤镜效果，支持手动输入文字，选中文字情况下文字会呈现镜片压在写字的沙子上的效果，这样的效果是使用 svg 的 filter实现的，无需各类图片资源，非常的轻量级，可对...
浩瀚宇宙背景
CSS实现的动态星空、浩瀚宇宙背景，附带地球旋转、斗战星移动画基于 CSS 实现的浩瀚星空、星云移动动态效果，实现方式是使用两张背景图叠加作为背景，然后使用animation spacetravel定义移动动画效果最终实现星系和星云不断向后飞逝的效果，地球...
悬浮效果
CSS 实现图片悬停时出现浮层并叠加文字介绍效果CSS实现的图像悬浮展示文字介绍效果，利用 CSS 控制鼠标悬浮事件，并且在悬浮时在图片上方出现浮层效果，浮层上面展示各类宣传文案，并且按钮在鼠标悬浮时会有一个15度的倾斜效果，而且还支持响应...
音乐播放器
JavaScript 响应式炫酷音乐播放器插件，3D专辑图片展示，在线音乐网站的首选多功能时尚炫酷的一款音乐播放器插件，采用原生的 JavaScript 搭配少许 CSS 样式实现，是一款标准化的音乐播放器，提供音乐切换、暂停播放、播放进度、专辑图片轮播、动态背景等功能，黑色的...
定时轮播
GSAP实现的带倒计时时间轴的定时轮播图，图片依次渐进式展示基于 gsap 插件以及原生 JavaScript 实现的定时轮播插件，页面内容包含前后切换按钮、轮播进度以及单次轮播倒计时时间轴，还包含常见待轮播图片的缩略图，这些缩略图会依次放大进行展示，展...