菜谱布局
CSS 极具创意的菜谱介绍网页布局使用纯CSS实现的烹饪过程菜谱介绍网页布局效果，该布局划分为两大区域，分别是食材图文介绍区以及烹饪过程视频区，两大区域可通过按钮平滑切换，其中的食材区可放置菜品成品图片以及所需要的食材和烹饪时间...
海底探险号
Bootstrap 滚动鼠标探索海底深渊世界一款非常有趣的海底探险动画效果，底层基于Bootstrap主流版本实现，整个页面从上往下由浅及深分为阳光区、曙光区、午夜区、深渊区、海底区，背景是逼真的「马里亚纳海沟」素材图以及不同深度所拥有...
loading动画
CSS 跳跃加载 loading 动画效果超有创意的一款跳跃 loading 加载效果，使用 CSS 的 animation 以及 background 等关键属性实现的动画效果，对响应式支持的十分好，随着设备的尺寸逐渐减小动画效果会有...
黑洞
Canvas 逼真黑洞动画效果基于 Canvas 实现的黑洞动画，实现原理是先定义canvas区域，而后初始化一张星空背景图置于canvas画布之上，最后通过 jQuery 控制黑洞效果，这款黑洞效果特别的逼真，黑洞会随着鼠...
世界地图
Three.js 3D地球仪上的交互式 SVG 世界地图这是一种旋转的 3D 地球仪动画效果，能够全视角查看世界地图，并且支持拖拽和悬浮功能，当鼠标悬浮与地图之上时会显示该区域国家的名称，其中的 3D 效果是基于 Three.js 实现的，拖拽以及...
创意首屏设计
CSS 创意日全食聚光灯下的英雄区块首屏设计使用 CSS 实现的创意英雄区块展示效果，由多种震撼效果组合而成，右上方是一个带边框色彩流动效果的「联系按钮」，中间放置一个日全食效果下散发着微弱光的月亮图标，当点击月亮图标时会发出金黄色的光投...
悬浮效果
CSS 实现图片悬停时出现浮层并叠加文字介绍效果CSS实现的图像悬浮展示文字介绍效果，利用 CSS 控制鼠标悬浮事件，并且在悬浮时在图片上方出现浮层效果，浮层上面展示各类宣传文案，并且按钮在鼠标悬浮时会有一个15度的倾斜效果，而且还支持响应...
定时轮播
GSAP实现的带倒计时时间轴的定时轮播图，图片依次渐进式展示基于 gsap 插件以及原生 JavaScript 实现的定时轮播插件，页面内容包含前后切换按钮、轮播进度以及单次轮播倒计时时间轴，还包含常见待轮播图片的缩略图，这些缩略图会依次放大进行展示，展...
幻灯片
轻量级响应式 jQuery 幻灯片插件，支持多选项配置这是一款超棒的 jQuery 幻灯片播放插件，用于创建背景图片轮播图，该轮播插件式响应式的，并带有下一个、上一个按钮和位于下方多点位导航功能，使用起来特别简单，只需要两个简单步骤，首先定义轮播图...
立夏
【重磅推出】Brutalist 野兽派风格 5 色炫酷风格博客，首创基于 Java 实现的自助博客建站系统跟立春博客系统一样，这同样是一款基于 Thymeleaf 及 Bootstrap 开发的 Java 系统配套前端博客模板，可以与后端SpringBoot源码搭配共建博客，当前模板包含立春博客系统...
发光边框
基于 CSS 实现的发光边框移动动画这段 CSS 发光边框动画代码可在指定的 HTML 元素上创建发光边框动画效果，代码中 animated-border-box-glow 类的核心作用是添加发光边框动画，实现原理是通过使用模糊、...
轮播图
带缩略图的轻量级 jQuery 图片轮播插件这款 jQuery 插件可实现带缩略图的大屏图片轮播效果，支持点击背景的大图以及下方的缩略图两种方式进行图片的切换，使用起来很方便，只需要把需要轮播的图片放入指定的 div 区域即可实现带缩略图...