个性化阅读
专注于IT技术分析

Polymerjs neon元素

本文概述

Polymerjs neon动画元素用于通过使用Web动画将动画过渡到Polymerjs 元素

运行以下命令以在应用程序中使用neon动画并将其安装在目录中。

bower install --save PolymerElements/neon-animation
neon元素

例子

它将在bower_components文件夹下安装neon-animation的所有相关元素。

创建一个index.html文件, 并在其中添加以下代码, 以查看Polymer.js中neon-animation元素的用法。

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

输出

neon元素1

srcmini服务

srcmini提供了太多高质量的服务。给我们发邮件hr@srcmini02.com, 以获取有关给定服务的更多信息。

  • 网站设计
  • 网站开发
  • Java开发
  • PHP开发
  • WordPress
  • 平面设计
  • 商标
  • 数字营销
  • 页面内和页面外SEO
  • 竞价排名
  • 内容开发
  • 企业培训
  • 课堂和在线培训
  • 数据输入
赞(0)
未经允许不得转载:srcmini » Polymerjs neon元素

评论 抢沙发

评论前必须登录!