通知铃铛
使用 SVG 和 CSS3 制作的通知铃图标动画使用 SVG 和 CSS3 创建的一个通知铃声图标动画,默认状态下,它会显示一个自带流动线条效果的铃铛按钮,在鼠标悬停时,按钮会放大并晃动,在点击后,它将激活通知动画,铃声图标为通知提供了极强视...
文本亮相
基于CSS实现的打开卷轴展示文本效果使用 CSS 创建的一个文本闪亮出场的动画,效果是横向逐步显示文本,类似于卷轴或者古代打开圣旨一样,以增强视觉吸引力。该动画以笔画和填充颜色显示文本,非常适合在网站上展示标题、页眉或其他重要信息...
3D标签云
使用 jQuery 制作的 3D 标签云底层使用 jQuery 创建的动画 3D 标签云,在三维空间中显示可点击的标签,它利用 SVG 元素进行渲染,可自定义文字颜色、旋转速度、透明度、背景色以及圆弧度。自己的网站中可以把众多的标签放...
发光文字
CSS 中的渐变文字光晕效果本代码使用 CSS 创建渐变文字发光效果,能流畅地显示文字颜色闪光动画效果,有助于添加醒目的文字效果,您可以在网站的标题或横幅上使用此代码,让文字脱颖而出。它能增加视觉吸引力,吸引人们关注重要信...
文字摇摆
使用 CSS 和 SVG 制作摇摆文字效果这段代码使用 CSS 和 SVG 创建了一种晃动文字效果,它将过滤器应用于文本元素。目的是增强视觉吸引力,您可以在网站上使用此代码来添加动态文本效果。它能提高用户参与度和视觉趣味性,非常适合登陆...
Thumper
只用 CSS 制作的沙丘Thumper动画这段代码使用纯 CSS 创建了一个沙丘推土机Thumper动画,该动画模仿了沙丘机在沙漠沙地上的运动,它使用了 `transform` 和 `animation` 等多种 CSS 属性来实现这种...
开闭合效果
纯CSS实现的Tab切换以及开闭合DIV效果此代码片段可实现在不使用 JavaScript 的情况下显示隐藏 div 内容,同时也实现了Tab切换效果。其核心方法是利用复选框和标签来切换内容的可见性。菜单图标会在点击时旋转,从而触发标签的...
水波纹
jQuery实现鼠标点击或悬停时出现水波纹波浪效果这是一款轻量级且代码严谨的水波纹/波浪效果jQuery插件,用于创建炫酷的波纹效果,可在点击或者悬停事件中创建水波纹效果,当用户在 HTML 元素上悬停时,该插件会产生逼真的水波动画。可以在任...
手风琴效果
JavaScript 加减法图标手风琴FAQ常见问题插件这个轻量级 JavaScript 代码片段创建一个带有加减图标的手风琴,它是基于使用 aria-expanded 属性的 true/false 控制内容折叠与展开,该手风琴使用 CSS 制作动...
渐变文字
使用 HTML CSS 制作的闪亮渐变文字动画本代码使用 HTML 和 CSS 创建颜色渐变文本动画。它为文本元素应用了闪亮效果。闪亮动画会在文本上不断移动渐变背景。这段代码有助于为网站添加醒目的文字效果。您可以在网站标题或横幅上使用此代码...
计数器
基于Bootstrap5实现的数字计数器动画本代码是基于 Bootstrap 5 实现的数字计数器动画。它能在网页上显示数字动画。它的工作原理是将数字递增到指定目标。它有助于显示动态计数,如关注者、订阅者或任何展示统计数据的数字。
调整图像大小
基于CSS实现鼠标悬停放大或者缩小图像此代码可在指定 div 内悬停时启用 CSS 图像缩放或者放大效果。它可在鼠标悬停时放大图像,从而产生放大效果。zoom类会触发 1.2 倍的放大效果,而 「small 」类则会在悬停时将图片重...