» » » » » » Add Animation Click Effect use Waves

Add Animation Click Effect use Waves

Add Animation Click Effect use Waves - Hallo friend Cara Mudah Posting Gratisan, In the article you read this time with the title Add Animation Click Effect use Waves , we have prepared well for this article you read and download the information therein. hopefully fill posts Article Download, Article Free Opensource, Article Google, Article Javascript, Article Tutorial, we write this you can understand. Well, happy reading.

Title : Add Animation Click Effect use Waves
link : Add Animation Click Effect use Waves

Also Read


Add Animation Click Effect use Waves

wavesDatang dari artikel milik google mengenai google material design, yang mana tertulis kata-kata "We challenged ourselves to create a visual language..." dan ternyata responpun berdatangan bak virus penyakit :D Para developer, coderer, scripter whatever the name berlomba menunjukan kabisanya masing-masing! Berikut beberapa contoh hasil karya orang-orang hebat yg terhosting on web codepen codepen.io/search?q=Google+Material+Design.
Setelah melihat karya para maestro kode, dapat kita lihat seksama apa yg menjadi pusat perhatian mereka :-?? Sebagian besar fokus terhadap trick/tutorial animation effect! CMIIW...;)) Berikut salah satu contoh animation click effect inspirasi dari google's material design.

Pokoknya efek blink-blink buricak burinong seperti itulah! Karena banyak master yg berkreasi mengenai hal ini, maka AA Koben pilihkan buat anda master Fians dari Indonesia?
Take a look: publicis-indonesia.github.io/Waves/Planning code
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
 <html>
  <head>
   <meta charset='utf-8'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
<b:else/>
        <title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
        <link rel="stylesheet" type="text/css" href=".../waves.css" />
 <b:skin>
  <![CDATA[

  ]]>
 </b:skin>
  </head>
<body>  

 <script type="text/javascript" src=".../waves.js"></script>
 <script type="text/javascript">
  var w = new Waves();
  w.displayEffect();
 </script>
</body>
</html>
Masukan kode CSS (waves.css) mau di hosting atau enggak, terserah kalian. Host JavaScript (waves.js) biar cepat rendering.
Beberapa markup HTML waves:

Flat buttons<a class="waves-effect waves-button">Button A</a>
<button class="waves-effect waves-button">Button B</button>
<input class="waves-effect waves-button" type="submit" value="Button C">
<input class="waves-effect waves-button" type="button" value="Button D">

DIVs<div class="waves-effect waves-block">Plain Box</div>
<div class="colored-box waves-effect waves-light waves-block">Colored Box</div>
<div class="raised-box waves-effect waves-float waves-block">Raised Box</div>

Images<span class="waves-effect">
<img src="LINK-IMAGE.jpg">
</span>
<span class="waves-effect waves-light waves-float">
<img src="LINK-IMAGE.jpg">
</span>

Si yu :-h


Thus articles Add Animation Click Effect use Waves

that is all articles Add Animation Click Effect use Waves This time, hopefully can provide benefits to all of you. Okay, see you in another article posting.

You now read the article Add Animation Click Effect use Waves with the link address https://autopostingblogspot.blogspot.com/2014/07/add-animation-click-effect-use-waves.html

0 Response to "Add Animation Click Effect use Waves "

Posting Komentar

Langganan: Posting Komentar (Atom)