死神镰刀
SVG 结合 CSS 创建背着镰刀带着斗篷的死神形象，支持「震惊」等4种动画效果创建了一个具有「大笑」、「震惊」、「晃动」、「跳舞」四种动画效果的死神（Grim Reaper）图标。使用SVG结合CSS动画，使背着镰刀穿着斗篷的死神慢悠悠的上下晃动起来，营造出一种神秘和恐...
网格图库
基于CSS Grid实现的响应式图文网格布局，支持RTL反向功能在HTML中创建了一个响应式的网格布局图库，单张图片的左上角、左下方以及中间区域可放置文字介绍内容，右下角设置了「分享」以及「收藏」的功能按钮。并且提供了RTL反向布局功能。这款使用CSS Gr...
圆点切换
CSS控制轮播切换的一串圆点按钮基于CSS和JavaScript实现了一串间隔有序的蓝色实心小圆点，当任意点击其中一个圆点时，被点击的圆点会突出放大显示并变为空心圆点效果，相邻两个圆点也会适当放大，其他圆点没有各类变化。其中...
食谱布局
HTML出色菜谱图文布局，支持响应式这是一种利用CSS实现的出色食谱图文网页布局方式，网页的背景是一张白纸放在拥有纹理的餐桌上，最终的图文内容会放入这张白纸中，此背景还原真实做饭场景，能够把做菜所需的食材、烹饪步骤以及操作时间等...
因外特
基金股票、投资贷款等财务后台管理网站 Bootstrap 网站模板「因外特」是一款基于 Bootstrap 5 构建的高级 HTML 模板，专为投资和财务跟踪网站量身打造。该模板设计现代、响应迅速，专注于满足金融与投资行业的独特需求而设计，包含了106+htm...
塞纳斯
适用于银行、金融与保险公司的 Bootsrtap5 网站模板「塞纳斯」是一款专为银行、金融机构以及保险公司企业精心设计的前沿 HTML 模板，致力于帮助这些行业打造专业、现代的在线形象。模板基于响应式框架Bootstrap的最先版本5.3.3构建拥有先进...
骷髅标志
CSS创建的骷髅头+大腿骨标志，多用于海盗、危险物品或毒药标识大腿骨上放置骷髅头「Skull & Crossbones"」是一个经典的符号，通常与海盗、危险物品或毒药相关联。本代码段实现了基于CSS实现了「大腿骨上放置骷髅头」效果并且加入了微粒子纹理效果，...
车辆驶入
CSS餐车驶入页面动画效果基于纯CSS定制的多种餐车形象，包括汉堡餐车、披萨餐车、卷饼餐车以及冰激凌餐车，通过页面顶部的单选按钮选择餐车类型，当选择对应类型后，对应的餐车类型车辆会驶入并斜着停放在页面，当切换为其他餐车类...
滚动动画
CSS鼠标滚动驱动图片动态变化动画效果创建一个基于鼠标滚动的 CSS 动画效果，可以让HTML页面的照片在用户滚动到视口时呈现图片交叉替换以及模糊变清的动画变化效果。这种效果可以增强用户体验，使页面更加生动有趣。同时这也是一款相当成...
阴影效果
CSS实现的文字倒影效果，阳光下舞动的文字~使用CSS实现的文字舞动动画效果，文字立于阳光之下欢快的扭动身姿，地上的倒影随之翩翩起舞营造出一种欢快的气氛。这种效果底层是通过CSS的text-shadow实现的倒影效果，文字通过transf...
卡通猫咪
CSS实现摇头晃脑的可爱猫咪，眼睛像一泓秋水，清澈见底！使用 HTML 和 CSS 来创建了一个可爱的卡通动画白色猫咪（Anime Cat）脑袋，可爱的猫咪拥有一双黑色闪光的眼镜、可爱的小鼻子以及两只竖立的耳朵和粉嫩的嘴巴。我们可以利用 CSS ...