【问题标题】:How to use after effect on website?如何在网站上使用后效?
【发布时间】:2017-05-07 22:28:00
【问题描述】:

我正在学习为我的网站制作排版徽标的动画效果。我必须保存什么格式以及如何将其集成到 HTML 代码中?

感谢和抱歉我的英语。

Ps:如果您知道更好的方法来为字体徽标设置动画,我们将不胜感激。

【问题讨论】:

  • 效果后不能使用。如果你想让你的网站动态化,你可以使用 JavaScript 或 CSS 动画和过渡。我认为你必须删除这个问题。
  • 我怎样才能用 css dribbble.com/shots/2354342-Craft-Fig-Studio 做到这一点?
  • 只有当我有一个只有笔画才能填充的线性字体时才有效。如果我需要为不是无法工作的线条制作动画。
  • 我对您的徽标一无所知,我放弃了该示例,以便您了解如何使用 HTML、CSS 和 JS 为徽标制作动画

标签: html css animation after-effects


【解决方案1】:

不知道为什么每个人都反对这个......

您所需要做的就是将您的 After Effects 合成转换为 gif,并将其放置在 <img> 标记中。你可以search this on Google

示例:https://cdn.dribbble.com/users/29591/screenshots/2354342/studio.gif

【讨论】:

  • 感谢您的回答。我可以在 gif 中使用 after effect 停止循环吗?我可以用 css 或 JS 控制我的 gif 的重复次数吗?
  • @user2996092 是的!这是一个例子:jsfiddle.net/jkovzels/75kg0tz1你可以“摆弄”这段代码(请原谅双关语哈哈)
  • 哦,这是 StackOverflow 上的问题:stackoverflow.com/questions/19171075/…
  • 谢谢大家的帮助:)
  • 使用 gif 进行网络动画是专业的还是像我这样无法使用 js 动画的人来说是一种糟糕的逃避?
猜你喜欢
  • 1970-01-01
  • 2017-03-16
  • 2013-05-12
  • 2014-10-31
  • 2012-06-01
  • 1970-01-01
  • 2017-10-16
  • 2019-06-23
  • 2012-10-06
相关资源
最近更新 更多