缺角图片
使用 CSS 的 mask 蒙层属性设置 border-radius 实现缺角图片效果使用 CSS 的 mask 遮罩效果，以最少的代码创建倒置半径角。无额外元素、无伪元素、仅使用 CSS 变量进行实现，单个效果如下图所示，您可以在此效果的基础上进行组合再创作实现更多有创意的效果。
404页面
CSS 探照灯下的404页面动画效果使用CSS实现的一款探照灯下的404页面效果，整个页面背景呈黑色如同黑夜一般，404在探照灯的左右晃动照射下欲隐欲现，特别有创意的一款404页面效果，应用此404页面到你的项目中一定会赚足回头率！
糖果开关
CSS 创意棒棒糖开关切换按钮，切换次数越多糖果越小！一款超有创意的棒棒糖开关切换效果，底层就是checkbox，外观基于CSS实现了棒棒糖的切换按钮，通过多次的切换操作棒棒糖会因为「摩擦」而逐渐减小，下方是切换前后的对比图片。切换的事件效果是通过...
跳跳小游戏
Canvas 实现的果冻跳跳跳生存冒险类小游戏，挑战性、趣味性十足！基于Canvas + JavaScript实现的果冻冲冲冲小游戏，该游戏改编自 iOS 上的游戏「Go Go Jelly」，游戏规则：点击屏幕主人公小果冻向上跳动，收集星星并消灭游动的小鸟以获...
谢尔宾斯基
Canvas 实现可自定义梯度的谢尔宾斯基(Sierpinski)三角形递归分形效果这是一款通过 JavaScript 在 Canvas 画布中响应点击事件实现的「谢尔宾斯基(Sierpinski)三角形」分形效果，可自由设置梯度，生成不同节数的三角形效果，还有一款通过「Jav...
悬浮气泡
纯CSS实现的气泡上下浮动动画效果使用纯CSS实现的气泡上下浮动动画效果，使用到了CSS 的 box-shadow、backdrop-filter、animation、aspect-ratio等关键属性实现，泛着微光的气泡在黑...
机票UI
Tailwind CSS 电子机票UI布局网页效果基于 Tailwind CSS 框架实现的飞机票电子版UI布局效果，票的上层标题部分加入了飞机飞行的动画效果特别的有创意，动态天空背景动画效果是由一张静态天空图片通过CSS合理设置属性后实现的，...
链子链接
CSS 3D 环环相扣，连接成链过程动画效果使用纯CSS实现的链子环环相扣链接到一起的动画效果，链子缓慢360度旋转，旋转的过程中链子逐个扣在一起组成长链，整个动画过程不借助任何三方脚本只需要CSS的transform-*、keyfram...
抖动效果
GSAP 实现仿iPhone音量条DIV拖拽抖动弹跳动画效果受 iPhone 音量条的启发设计的这款可随意通过拖拽的方式调整宽度的DIV弹性效果，拖动完成后会有抖动效果，只需按住并拖动右侧拖拽杆（鼠标悬停显示拖拽杆）即可看到这种交互性特别强的抖动效果。该...
双层叠加
GSAP 实现叠加覆盖布局页面，并实现像素化切换过渡效果使用GSAP与CSS结合实现的像素动画切换过渡效果，HTML页面包含两部分内容，其中一部分内容在初始化时会被隐藏，另一部分内容会预先显示，这两部分叠加到一切的布局是通过CSS实现的。这两部分内容...
斯卡帕
建筑施工与设计服务企业 HTML 响应式网站模板这是一款专为建站施工与设计公司设计的响应式HTML模板，基于主流的响应式框架Bootstrap5x设计而成，拥有完美的自适应能力。该模板总共包含了22+的HTML内页，其中涵盖了3种独特风格布局...
发奈斯
贷款投资与金融理财企业专用 HTML 响应式模板这是一款专门用于金融行业的HTML5模板，基于主流的响应式框架Bootstrap5x最新版本构建而成，无论是金融顾问、会计师事务所、商务咨询公司，还是保险、贷款、投资、理财、税务和投资公司，「发...