介绍卡片
HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简...
卢克米
时尚服装电商平台App手机网站模板（Bootstrap + PWA）「卢克米」模板是通过Bootstrap 5结合PWA技术实现的一款功能强大、性能卓越的移动电商App手机网站模板，非常适合于服装电商App、鞋类电商、奢饰品电商平台手机App网站使用。该模板内置...
卡片布局
CSS电影介绍响应式卡片布局，适合影视音乐等娱乐网站良好展示作品使用CSS实现的响应式电影详情介绍卡片布局，非常适合影视网站介绍影片、音乐网站介绍专辑以及电商网站介绍产品场景使用。图片的布局、文字的展示都相当的到位，能够突出重点内容让用户对影视作品一目了然。...
水平滚动
HTML实现水平方向滚动卡片效果，超过屏幕的卡片自动隐藏横向排列多张内容卡片超过屏幕的卡片自动隐藏，使用GSAP结合ScrollTrigger插件实现水平滚动卡片效果，可以让每一行的卡片在用户滚动页面时以流畅过渡动画形式展现出来。当用户浏览到这一部分...
尼比基
Bootstrap与PWA技术结合实现的内衣与服装电商App模板，支持深浅模式切换！在当下竞争激烈的电商市场，用户体验和应用性能是决定一款电商App成功的关键。「内比基」模板是一款专为电商平台设计的强大PWA移动应用 App 模板，结合了Bootstrap 5和PWA技术的优势...
交互卡片
CSS卡片悬停互动效果，交互性强的响应式卡片布局使用纯CSS实现的卡片悬停互动效果，在HTML页面中布局多张卡片，这些卡片以响应式的布局进行排列，并且卡片上默认会有一部分标题文字，当鼠标悬停于卡片时会在卡片中央位置显示出卡片的详细介绍以及操...
增删卡片
CSS 添加与移除卡片布局自动调整效果（使用view-transition-class实现）实现了灵活的增删卡片并自动调整布局的效果，卡片的布局使用了CSS的view-transition-class等关键属性实现，卡片的增删事件是由JavaScript实现的，用户可通过添加按钮（+）...
交互性卡片
JavaScript 带鼠标悬浮标记效果的卡片布局这是一款通过 CSS 样式控制生成的卡片布局效果，该卡片布局效果添加了鼠标悬停的过渡效果，当鼠标移动到卡片上方时，卡片的四周会出现一个逐渐被包围起来的蓝色边框，该蓝色边框会随着鼠标在各个边框之间...
翻转卡片
点击即可翻转的响应式卡片效果插件实现了通过点击卡片实现卡片翻转的效果，卡片的整体风格为 Material Design 风格，使用 CSS 进行卡片布局和外观设计，卡片整体实现的是响应式的布局。卡片在点击时会移动到屏幕中央并且...
瀑布流布局
jQuery响应式网格瀑布流布局效果，支持不同大小的卡片良好展示这是一款轻量级的响应式布局风格代码，可布局形状大小不规则的图片、div等块级元素，同时支持排序以及筛选功能。通过点击 "纽约"或 "东京"等分类按钮，可以过滤指定内容，并且做了自适应的配置，可良...