ボタンでリップルエフェクトを角度をつけて作成する方法

-1

clickedに波紋エフェクトを使用してボタンを作成したいと思います。指示文でそれを達成する必要があります。クリックを処理し、それがクリックされたポイントから波紋を伝播させるために必要なjavascriptをどうやって処理するのですか？私はjavascriptとcssを使って行ってきましたが、それは角度のない方法です。ボタンでリップルエフェクトを角度をつけて作成する方法

出典

2017-02-22 Vikram Prasad

私は実際に私は純粋に角度方法でこれをやりたい、純粋なCSSとjavascript.Butを使用して、このリップル事を行っています。指示に従うことができます。 –

<!doctype html> 
 
<head> 
 
    <base href="https://polygit.org/components/"> 
 
    <script src="webcomponentsjs/webcomponents-lite.min.js"></script> 
 
    <link href="polymer/polymer.html" rel="import"/> 
 
    <link href="paper-ripple/paper-ripple.html" rel="import"/> 
 
</head> 
 

 
<body> 
 
<test-elem></test-elem> 
 
    
 
<dom-module id="test-elem"> 
 
    <template> 
 
    <style> 
 
     div { 
 
     width: 150px; 
 
     position: relative; 
 
     padding: 15px; 
 
     border: 1px solid black; 
 
     } 
 
     button { color: green; border: 1px solid green; } 
 
    </style> 
 

 
    
 
    <div> 
 
     <paper-ripple></paper-ripple> 
 
     <button id="btn">Button</button> 
 
    </div> 
 
    </template> 
 

 
    <script> 
 
    Polymer({ is: 'test-elem', 
 
     listeners: {'btn.down': 'onDown'}, 
 

 
     onDown: function(e) { 
 
      e.stopPropagation(); 
 
     } 
 
    }); 
 
    </script> 
 

 
    </dom-module> 
 

 
</body>

出典

2017-02-22 09:20:49

ボタンでリップルエフェクトを角度をつけて作成する方法

答えて

関連する問題