问题标签 [neon-animation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
369 浏览

polymer - Polymer 1.x:如何使用 neon-animation 级联动画为自定义元素设置动画

这个 plunk 演示了我试图实现的行为

这个笨蛋证明了我的问题。也就是说,各个<li项目不执行它们的cascaded-animation行为。我所做的只是替换我<content-el>在转发器中调用的自定义元素并更改适当的节点定义。

请通过提供动画各个<content-el>节点的工作来回答。

http://plnkr.co/edit/ZzG4lDvl4V32Bod36208?p=preview
0 投票
1 回答
94 浏览

polymer - Polymer 1.x:霓虹动画页面在纸张标签和纸张对话框中不起作用

文本落在对话框之外

文本落在对话框之外

这是笨蛋

我想实现neon-animated-pagespaper-tabs内部控制paper-dialog

我希望看到 的内容tab-atab-b包含paper-dialogpaper-dialog.

我错过了什么?

http://plnkr.co/edit/bPUclBOpghNFVmKMbOzc?p=preview
0 投票
1 回答
55 浏览

jquery - 霓虹动画不适用于纸质对话框内的 div

我想显示一个<paper-dialog>,然后如果我按下<button>my 内部<div>,这里的红色矩形会在我的内部上下移动,<paper-dialog>就像它正在扫描某些东西一样。所以这是我如何创建它们的代码:

但是动画根本不起作用,这是我的脚本的代码:

我没有看到我的错误,我的导入很好我检查了它,我什至尝试<my-animatable>使用动画脚本创建一个自定义元素,然后将样式用作红色矩形,但它也不起作用。

如果需要,这是我的完整代码。

样式现在很乱,我稍后会改进它我只是希望动画在单击按钮时起作用。

0 投票
1 回答
432 浏览

javascript - Polymer 2.0 - dom-repeat - 简单动画

我已经在 Polymer 2.0 中构建了一些组件,在这个组件中我已经dom-repeat阻止了dom-if. 有没有什么简单快捷的方法可以在打开和关闭这个 repat 块时添加一些动画?

这是我的代码:

当 _isDropDownOpen 改变状态 -> 从 0 到 1 - 进入动画,从 1 到 0 关闭动画时,我想要一些简单的动画。添加这个很简单吗?我应该使用霓虹灯动画吗?

0 投票
1 回答
72 浏览

javascript - Polymer JS - 参数化霓虹动画配置

我有一个组件 - 从底部到顶部动画的浮动数字。这段代码运行良好:

但是在我的应用程序中有几个地方我想使用这个具有不同 transformFrom 和 transformTo 值的组件。

这就是为什么我添加到我的floating-digit属性transformTotransformFrom,所以当我希望这些值不同于默认值时,我可以对它们进行参数化:

我以这种方式更改了animationConfig(仅更改了摘录):

但它不起作用。此函数似乎无法访问 element.xml 中定义的所有属性。

console.log(this)返回 animationConfig 对象值的内部函数正确标识this为所需的<floating-digit>. 不幸的是,没有可用于参数化动画配置的属性。它们仍然未定义。

你们中的任何人都可能知道如何访问这些参数?

0 投票
1 回答
224 浏览

polymer-2.x - 霓虹动画在聚合物 2.0 中已被弃用,这是否意味着我们应该停止使用霓虹动画页面?

在 README 的 Polymer 2.0 部分的更改下,它声明此元素现已弃用。霓虹动画更新

  • 这是否意味着我们应该停止使用霓虹动画页面?

  • 如果 web 动画 api 是替代品,那么如何在其中使用“共享转换”。


霓虹动画分为 2 部分

  • 动画效果(已弃用)
  • 动画行为(已弃用..?)

Neon-animation-behaviour 是否也被弃用了..?