Polymerjs neon元素 _Polymerjs元素

本文概述

例子
srcmini服务
大学校园培训

Polymerjs neon动画元素用于通过使用Web动画将动画过渡到Polymerjs 元素
运行以下命令以在应用程序中使用neon动画并将其安装在目录中。

bower install --save PolymerElements/neon-animation

文章图片
例子它将在bower_components文件夹下安装neon-animation的所有相关元素。
创建一个index.html文件, 并在其中添加以下代码, 以查看Polymer.js中neon-animation元素的用法。

< !doctype html> < html> < head> < title> Polymer Example< /title> < script src = "http://www.srcmini.com/bower_components/webcomponentsjs/webcomponents-lite.js"> < /script> < link rel = "import" href = "http://www.srcmini.com/bower_components/polymer/polymer.html"> < link rel = "import" href = "http://www.srcmini.com/bower_components/paper-styles/demo-pages.html"> < link rel = "import" href = "http://www.srcmini.com/bower_components/neon-animation/web-animations.html"> < /head> < body> < h2> Neon Example< /h2> < a href = "http://www.srcmini.com/bower_components/neon-animation/demo/declarative/index.html"> Declarative< /a> < br> < a href = "http://www.srcmini.com/bower_components/neon-animation/demo/dropdown/index.html"> Dropdown< /a> < br> < a href = "http://www.srcmini.com/bower_components/neon-animation/demo/grid/index.html"> Grid< /a> < br> < a href = "http://www.srcmini.com/bower_components/neon-animation/demo/tiles/index.html"> Tiles< /a> < br> < a href = "http://www.srcmini.com/bower_components/neon-animation/demo/card/index.html"> Card< /a> < /body> < /html>

输出