文字效果
CSS创建「活泼」文字1，实现文字跳动、浮动、慢跑、上下旋转、左右旋转、下降动画效果基于CSS的animation、transform以及keyframes等关键属性实现的6种文字增强动画效果，此外，还利用splitting插件进行了分词操作，最终实现了文字跳动、文字浮动、文字...
滚动视差
CSS实现的一种视觉吸引力超强的滚动视差效果使用 position: sticky 和 scale 变换来创建一个带有视差效果的CSS粘性（sticky）区域，当用户滚动页面时，下层图片会以较慢的速度进行滚动，而上层的内容部分会以相对较快...
轮播插件
React 实现带鼠标追随效果的轻量级轮播切换组件，完全响应式布局！使用 React 构建的轻量级轮播与幻灯片插件，外观特别的时尚大方简约，其中的鼠标追随效果是通过设置当前幻灯片的 x 和 y 坐标的CSS值，以便在鼠标移动时创建跟踪鼠标的动态过渡效果。切换等交...
交互卡片
CSS卡片悬停互动效果，交互性强的响应式卡片布局使用纯CSS实现的卡片悬停互动效果，在HTML页面中布局多张卡片，这些卡片以响应式的布局进行排列，并且卡片上默认会有一部分标题文字，当鼠标悬停于卡片时会在卡片中央位置显示出卡片的详细介绍以及操...
音符跳动
CSS音符跳动动画效果，音频律动，动感十足！使用纯CSS实现的两款音符跳动动画，使用了CSS的animation以及keyframes等关键属性实现，这两款律动效果支持自定义颜色、跳动频率等动画效果，非常适合加载中loading场景中使用。
3D时钟
CSS实现的3D悬浮晃动数字时钟，附带倒影及虚拟效果使用CSS与JavaScript实现的3D数字时钟效果，在HTML页面中数字时钟会在三维立体空间中缓慢转动，时钟数字呈现部分虚拟效果伴随有影子效果。数字的变动事件是通过JS控制的，时钟的3D效果...
加载动画
出现在HTML页面右上角的加载Loading动画效果通过JS与CSS创建的一款出现在页面右上角的加载中动画效果，现实的项目中可能由于种种原因不希望加载中laoding的动画出现在页面的中央位置，放在可能更加合理，因为右上角不挡视野。实现这种效果其...
阿米卡
为创意设计与数字营销等9种行业量身打造的Tailwind CSS 网站模板这是一款专为各类数字机构、企业机构及相关产品/服务设计的创意 Tailwind CSS 模板。采用的是当前先进版本Tailwind CSS v3.4.4进行构建，该模板总共涵盖了31+html内...
评分展示
HTML评分结果展示布局案例实现了一个评分结果展示区域布局HTML页面，整个布局包含了每个分段的评论人数、总评论人数以及平均分数三部分，其中单个分段人数是通过纵向柱状图实现的。其中布局是通过CSS实现的，单个分段评论百分比...
个性单选
CSS自定义高颜值radio单选按钮，附带选中交互动画效果基于CSS实现的一款颜值优异的自定义单选框，底层了CSS的transform、transition以及box-shadow等关键属性实现。当选中按钮时会伴随着「实心圆」变为「空心圆」的动画效果，...
进度条
CSS实现的三款进度条，包含纹理、纯色以及彩色三种样式使用CSS实现的三款进度条动画效果，第一款是带有纹理的，第二款是纯色的，而第三款是彩色切带闪动动画效果的，这三款进度条都是基于CSS的keyframes、animation以及backgroun...
选中撒花
CSS单选框创意选项切换效果，点击选项出现撒花庆祝动画！通过CSS的keyframes及animation等关键属性实现的单选框切换选项动画效果，当选项被选中时显示撒花、撒纸屑庆祝动画效果，可用在单选框复选框以及其他按钮点击事件上，增加点击的趣味性。