程序员必备狂拽炫酷吊炸天的动效神器

举报
薛定喵君 发表于 2021/06/03 23:06:25 2021/06/03
【摘要】 安利一波CSS、JS炫酷动效在线下载网站 # bttn.css 专注分享网页按钮的样式库 # Hover-Buttons 一个可以生成代码的网站 # granim.js 基于canvas的背景颜色渐变动画插件。该插件通过配置几组不同的颜色方案,使指定元素在这些颜色中执行平滑的渐变色过渡效果。 # micron ...

安利一波CSS、JS炫酷动效在线下载网站

# bttn.css

  • 专注分享网页按钮的样式库

# Hover-Buttons

  • 一个可以生成代码的网站

# granim.js

  • 基于canvas的背景颜色渐变动画插件。该插件通过配置几组不同的颜色方案,使指定元素在这些颜色中执行平滑的渐变色过渡效果。

# micron

  • 可生成炫酷CSS3动画的js动画库插件。通过micron.js插件,你可以为页面的任意DOM元素添加12种炫酷CSS3动画效果。并能通过js代码或html5 data属性来串联各种CSS3动画效果。

# blotter.js

  • 神奇的动效

# progressbar

  • 借助动态 SVG 路径的漂亮的,响应式的进度条效果
  • 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条,圆形和方形等几个内置的形状

# Second-Hamburger-Helper

  • 别样的舒适感

# hamburgers

  • 一款效果超酷的图标变形动画特效CSS3动画库。包括18种不同的变形动画效果,你还可以通过Sass文件来自定义你自己的图标变形动画

# jquery-drawsvg

  • 一款轻量级的使用jQuery来绘制SVG图形轮廓线路径动画的插件
  • 使用jQuery内置的动画引擎来使SVG元素中path元素产生动画
  • 底层实现使用的是stroke-dasharray和stroke-dashoffset属性
  • 适用于矢量元素,借此创建出独特的视觉效果
  • 轻量级,压缩后小于2kb同时支持Easing过渡动画效果

# moving-letters

  • 提供了16种基于文本和字体的动画效果

# tilt.js

  • 用来创建微妙但是引人瞩目的视差效果

# 3D线条

  • 基于 Three.js 的解决方案
  • 可以创建不断变化的颜色和线条,风格现代而视觉感十足

# Decorative Letter Animations

  • 来自专业人事的动效工具

文章来源: blog.csdn.net,作者:薛定喵君,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/jsxg2009/article/details/115244389

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。