便当布局
HTML + CSS实现响应式便当风格后端仪表板页面基于CSS创建了一个响应式的便当风格仪表板HTML页面，使用CSS 的Grid和Flexbox实现灵活且美观的布局，并且支持在各类大中小尺寸设备中浏览。这种布局常用于展示多种不同类型的信息，如...
花式洗牌
GSAP花式洗扑克牌卡片动画效果使用GSAP实现的炫酷洗牌动画效果，卡片是由SVG生成的，卡片的基本布局是通过CSS实现的，事先在HTML页面中定义一个ui列表，其中每一个卡片对应一个li元素，然后通过GSAP的timelin...
烟花贺卡
CSS带翻页的新年贺卡，展开卡片带烟花绽放动画效果通过CSS实现的一张漂亮的“新年快乐”贺卡。卡片正面是镂空的“新年快乐”四个大字，当鼠标悬停在卡片上时，卡片会翻转显示贺卡里面的内容，里面有放烟花的庆祝动画效果。
介绍卡片
HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简...
卢克米
时尚服装电商平台App手机网站模板（Bootstrap + PWA）「卢克米」模板是通过Bootstrap 5结合PWA技术实现的一款功能强大、性能卓越的移动电商App手机网站模板，非常适合于服装电商App、鞋类电商、奢饰品电商平台手机App网站使用。该模板内置...
卡片布局
CSS电影介绍响应式卡片布局，适合影视音乐等娱乐网站良好展示作品使用CSS实现的响应式电影详情介绍卡片布局，非常适合影视网站介绍影片、音乐网站介绍专辑以及电商网站介绍产品场景使用。图片的布局、文字的展示都相当的到位，能够突出重点内容让用户对影视作品一目了然。...
益智小游戏
HTML扫雷版连连看益智小游戏，游戏素材取自超级马里奥！这是一款考研记忆力的小游戏，它重现了经典游戏《超级马里奥兄弟3》（Super Mario Bros 3）中的记忆小游戏。这款游戏利用CSS像素艺术风格来呈现，玩家需要翻转卡片来寻找匹配的对。每...
水平滚动
HTML实现水平方向滚动卡片效果，超过屏幕的卡片自动隐藏横向排列多张内容卡片超过屏幕的卡片自动隐藏，使用GSAP结合ScrollTrigger插件实现水平滚动卡片效果，可以让每一行的卡片在用户滚动页面时以流畅过渡动画形式展现出来。当用户浏览到这一部分...
尼比基
Bootstrap与PWA技术结合实现的内衣与服装电商App模板，支持深浅模式切换！在当下竞争激烈的电商市场，用户体验和应用性能是决定一款电商App成功的关键。「内比基」模板是一款专为电商平台设计的强大PWA移动应用 App 模板，结合了Bootstrap 5和PWA技术的优势...
交互卡片
CSS卡片悬停互动效果，交互性强的响应式卡片布局使用纯CSS实现的卡片悬停互动效果，在HTML页面中布局多张卡片，这些卡片以响应式的布局进行排列，并且卡片上默认会有一部分标题文字，当鼠标悬停于卡片时会在卡片中央位置显示出卡片的详细介绍以及操...
米特班
银行与三方支付金融公司 HTML 响应式模板这是一款专为银行及其他三方支付金融企业设计的HTML响应式网站模板，提供了28+html内页的支持，包含5套独特的主页布局风格、8套服务详情功能页面布局风格以及三套新闻博客布局风格可供选择，让您...
增删卡片
CSS 添加与移除卡片布局自动调整效果（使用view-transition-class实现）实现了灵活的增删卡片并自动调整布局的效果，卡片的布局使用了CSS的view-transition-class等关键属性实现，卡片的增删事件是由JavaScript实现的，用户可通过添加按钮（+）...