动画效果 - 苦力吧素材

纯CSS创建带有背景颜色的文本文字特效代码

一款文本文字背景颜色特效，CSS针对文本内容中的h1和h2元素自定义背景样式。h1标题带阴影效果的背景色，h2标题在鼠标悬停时出现的动画渐变背景。

动画效果

9.3K 60

js+css滚动页面触发emoji表情变化动画特效

一款滚动触发表情笑脸动画特效，使用CSS和JavaScript在滚动页面时改变人脸的情绪。鼠标滚动页面时，emoji表情的眼睛、嘴巴和其他部位会随之变化。

动画效果

6.3K 61

CSS创建的无限循环的动画边框特效代码

一款DIV边框循环动画特效，DIV边框无限循环，类似于走马灯效果。

动画效果

4.4K 71

纯CSS实现的逼真眨眼动画特效代码

一款模拟眨眼动画效果，CSS动画操纵眼睛以模仿眨眼。

动画效果

9.3K 60

纯CSS创建的3D折叠下拉菜单动画特效

该代码利用CSS转换来实现下拉菜单动画，呈现了那种轻盈、飞扬的感觉。

动画效果

9.5K 30

CSS鼠标悬停触发3D立方体旋转动画特效代码

一款鼠标悬停旋转滚动特效，自动根据鼠标悬停时进入的方位进行滚动旋转，可设置点击链接。

动画效果

5.4K 50

jquery支持触屏拖拽的弹性侧边栏滑出特效

一款在线聊天侧边栏特效，它使用SVG动画来平滑的显示和隐藏内容。单击联系人会以动画形式打开聊天界面。

动画效果

1.5K 80

CSS实现的鼠标悬停触发显示隐藏DIV元素

这是一个CSS悬停触发列表元素显示隐藏特效，鼠标悬停时显示：隐藏的文本文字及背景图片。

动画效果

9.3K 20

CSS创建的动画内容占位符特效代码

一款CSS动画文本内容占位符特效，使用了线性渐变设置内容占位符的css3动画。

动画效果

7.3K 30

一款带CSS3多彩纽带动画的登录表单特效

一款多彩纽带背景动画特效代码，多个不规则绳子循环旋转，而且鼠标悬停变色发光，该表单包含字段：用户名、密码字段和登录按钮。

动画效果

6.5K 11

js鼠标悬停网格卡片触发堆叠动画特效代码

一款悬停卡片触发的堆叠动画特效，它使用了CSS平移和旋转变换使卡片等距堆叠效果，鼠标悬停于卡片上即可触发效果。

动画效果

6.5K 70

jquery单击图片触发CSS3翻转显示文本文字特效

一款鼠标点击图片动画翻转显示DIV文本特效，使用CSS3转换来翻转DOM元素。基于Bootstrap，在鼠标点击时翻转卡片显示背面信息。

动画效果

4.3K 10

HTML+CSS创建的平滑过渡的翻页动画特效代码

基于CSS3关键帧制作的翻页动画效果，适用于产品、摄影图片幻灯片或演示库非常有用。也可在个人作品集、博客上使用此特效。

动画效果

4.3K 31

jquery基于Ripples.js创建的逼真的水纹波动特效

Ripples.js是一个轻量级插件，可创建唯美的波纹效果。当用户悬停或点击图片时，会生成逼真的水波动画。

动画效果

7.5K 61

javascript基于画布实现的随机气泡背景动画特效

一款多彩小圆点背景动画特效代码，它使用requestAnimationFrame函数生成带有反弹动画的随机气泡。

动画效果

5.3K 90

基于snowflake.js生成可自定义的13种雪花飘落动画

可以指定雪花数量，以及对其外观大小和行为的粒度控制。例如，可以设置雪花大小、不透明度、颜色等的范围。可以根据需要打开/关闭风的效果和旋转。

动画效果

6.3K 80

使用javascript和CSS3创建滚动触发的图标动画

一款使用CSS3滚动触发的图标动画特效，使用非常灵活，可以实现各种各样的自定义效果。

动画效果

7.3K 40

纯CSS创建的伊丽莎白女王矢量图

纯css实现的伊丽莎白女王的草图特效，它使用HTML元素来绘制面的身体各个部位，并使用CSS属性来设置样式，眼睛跟随鼠标轨迹左右转动，非常的具有动感。

动画效果

1.3K 70

CSS悬停绘制的HTML图片对角边框动画特效代码

它使用了CSS圆锥梯度函数，作为背景图片属性，来设置对象的对角边界。支持：图片、文本、iframe或任何其他HTML元素。

动画效果

2.5K 60

css三种不同的霓虹灯动画边框和悬停特效代码

一款动画边框和鼠标悬停效果代码，按钮带有三种不同的霓虹灯动画边框和悬停时的渐变的灯光效果。

动画效果

5.4K 70