数字增加动画 jQuery 插件

数字动画

数字增加动画 jQuery 插件

一款轻量级(1.52KB 已精简)、多用途的数字动画 jQuery 插件,用于制作数字的快速增加与快速减少动画,该插件可通过不同的 JavaScript / jQuery 事件(如点击、滚动、加...

基于 CSS 实现的 4 种图片 3D 悬停效果

图像 3D 效果

基于 CSS 实现的 4 种图片 3D 悬停效果

该代码可为图片创建迷人的 3D 图片悬停效果,它的工作原理是将图片转换成切片,使其在鼠标悬停时呈现多种不同的外观,目前共提供了折叠式、班折叠式、外卷、内卷 4 种样式,其核心方法 "hoverf...

基于 CSS 实现的发光边框移动动画

发光边框

基于 CSS 实现的发光边框移动动画

这段 CSS 发光边框动画代码可在指定的 HTML 元素上创建发光边框动画效果,代码中 animated-border-box-glow 类的核心作用是添加发光边框动画,实现原理是通过使用模糊、...

基于 CSS 实现的心跳脉动动画效果

心跳

基于 CSS 实现的心跳脉动动画效果

基于纯 CSS 技术实现的心跳动画效果。实现原理是利用 CSS3 关键帧来创建心跳效果,HTML 结构将心脏图标置于一个容器内,CSS 代码定义了心脏的外观、位置和动画效果,这些效果可以根据您的...

CSS 实现的 7 种炫酷地文字进场动画

进场动画

CSS 实现的 7 种炫酷地文字进场动画

本 CSS 代码片段包含 7 种时尚炫酷的文字进场动画,可让你的文字变得更加生动,底层使用 CSS3 动画关键帧和动画延迟来为单个文字或者单个英文字母制作动画,它为文字的个性展示提供了一种简单的...

时尚的「文字云/标签云」 CSS 插件

文字云

时尚的「文字云/标签云」 CSS 插件

基于CSS实现的词云效果。它使用 CSS 变换效果来为每个关键词设计独特的显示样式,以个性化的方式展示词条,在实际项目中可做标签云效果。此外,你还可以根据自己的需要修改 CSS 规则,对于每个关...

点击即可翻转的响应式卡片效果插件

翻转卡片

点击即可翻转的响应式卡片效果插件

实现了通过点击卡片实现卡片翻转的效果,卡片的整体风格为 Material Design 风格,使用 CSS 进行卡片布局和外观设计,卡片整体实现的是响应式的布局。卡片在点击时会移动到屏幕中央并且...

基于 CSS 实现的滚动图片悬浮变换形状动画

悬浮图片

基于 CSS 实现的滚动图片悬浮变换形状动画

基于CSS与JavaScript实现的鼠标滚动图片悬浮变形飘逸效果,可为容器中的一组图像创建自定义滚动效果,这些图像会根据您设置的滚动位置进行相应的移动和旋转,从而实现引人入胜的滚动体验。

基于CSS实现的文件结构分布详情动画展示效果

文件结构

基于CSS实现的文件结构分布详情动画展示效果

利用这段轻量级代码可创建一个带下载图标的时尚下载按钮,并附带文件结构组成的百分比显示效果,整个加载过程会附带直观的延迟加载动画,下载按钮使用 FontAwesome 图标装饰,是展示文件结构,下...

基于 CSS 实现的锁开关效果

锁开关

基于 CSS 实现的锁开关效果

这段代码使用 HTML 和 CSS 创建了一个类似锁的切换开关效果,切换时,锁的上部开关的外观会发生变化,这个效果有助于为网页增加交互式性,您可以在网站或网络应用程序中使用此代码来增强用户体验。

使用 CSS 实现网格列在悬停时产生双向展开开门动画效果

开门效果

使用 CSS 实现网格列在悬停时产生双向展开开门动画效果

用CSS创建带图像的动画网格布局,鼠标悬停时,左右两列会像开门一样平滑地向两边收缩和展开,支持展开时间、以及图片的自定义,它有助于为网页添加交互式视觉效果,可以在网站标题或特色部分使用此代码,动...

使用 CSS3 制作海滩水景动画

海滩

使用 CSS3 制作海滩水景动画

使用 CSS3 创建了一个海滩水波动画,波浪无限移动,模拟海浪,沙子会动态移动,类似于海滩沙子的运动,可以为以海滩为主题的网页设计增添视觉趣味。