水果复选框
CSS橙子与蓝莓切换实现复选框切换效果通过纯CSS实现的通过单击切换蓝莓与橙子水果来实现开关切换或者复选框效果，实现方式其实是在checkbox复选框的基础上进行扩展实现的，CSS通过监测checked事件变换不同的水果形状。
Emoji聊天
HTML中实现有趣的Emoji表情问答界面通过CSS与JS实现了一个简约交互性强的Emoji表情问答聊天界面，通过输入框提交问题，Emoji表情会给你答案，与你愉快的聊天。其中表情会根据不同的聊天语境作出不一样的动画效果。并且整体的聊...
蓝莓秀
Bootstrap 食品电商平台网站模板，支持RTL翻转、黑色模式以及多种自定义颜色皮肤「蓝莓秀」是「Tailwind CSS 食品电商平台网站模板，支持RTL、黑色模式以及多种颜色皮肤外观」这款模板的兄弟版本：基于主流先进的Bootstrap v5.3.3设计而成的食品电商网站模...
蓝莓秀
Tailwind CSS 食品电商平台网站模板，支持RTL、黑色模式以及多种颜色皮肤外观「蓝莓秀」是一款功能强大多用途的现代化电商网站模板，采用主流版本先进的Tailwind CSS技术实现，专为各种在线销售业务设计，非常适合于食品店、超市、冷冻食品、水果、蔬菜、生鲜、零食、农产品...
雨中窗户
CSS实现窗外下雨打雷闪电动画效果，CSS实现的逼真窗户使用CSS来模拟窗外下雨的场景，可以为你的网页增添一种宁静而富有氛围的视觉效果。整个动画包含窗外的下雨动画、窗帘、窗户、空调外机、书架以及绿植这些静物，这些摆放的物体以及下雨动画效果都是通过纯C...
GIF融入文字
基于CSS的mix-blend-mode实现文字与gif无缝融合效果这是一个使用重叠的动画GIF和CSS的mix-blend-mode等关键属性实现的“Tiger Uppercut（街头霸王）在文字中穿梭”的动画效果，是一个非常有趣且视觉效果丰富的文字效果。
弹跳效果
基于CSS实现的此起彼伏的弹跳动画效果创建了一个“此起彼伏的弹跳”动画效果，使用CSS的动画来让主要颜色（红色、蓝色、黄色）的条形色块在页面上弹跳，并且每一个色块顶部都有一个不同的emoji表情，表情会随着色块的跳动而飞跃。可以为你...
阴影效果
CSS炫酷的聚光灯下长阴影3D效果基于CSS的transform、transition以及linear-gradient等关键属性实现的一个鼠标悬停文本呈现聚光灯照射文本效果，并且使其投射出3D立体长阴影。这种效果可以为文本添加...
介绍卡片
HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简...
锐威路
现代旅游探险HTML5响应式网站模板，打造独特旅行体验展示平台「锐威路」是一款现代化的旅游探险HTML5模板，基于先进的Bootstrap5x响应式网站进行设计，提供了20+HTML功能页面并且包含3个独特的主页主题风格，专为旅游代理、旅行社、夏令营、旅游...
卢克米
时尚服装电商平台App手机网站模板（Bootstrap + PWA）「卢克米」模板是通过Bootstrap 5结合PWA技术实现的一款功能强大、性能卓越的移动电商App手机网站模板，非常适合于服装电商App、鞋类电商、奢饰品电商平台手机App网站使用。该模板内置...
出场动画
GSAP英雄标题文字出场输出动画效果创建一个使用GSAP和Lettering.js技术实现的滑出文字介绍效果，是一个非常有趣且视觉效果丰富的文字亮相动画效果。其中Lettering.js负责拆解文字逐个进行输出，以便更精细地控制每...