İçeriğe geç

Particle Buton Efekti

Merhabalar, bugün sizler için codropsta denk geldiğim ve çok beğendiğim bir buton efektini paylaşacağım. Normalde particle efektler artık girdiğimiz web sitelerinde daha sık karşımıza çıkmakta ama butonlar için böyle bir efekt ayrı bir hava katmış. Aşağıda verdiğim kod particle efekti için örnek bir kodtur. Kaynak dosyasında bulunan index.html üzerinden farklı efektlere ulaşıp kullanmak istediğiniz butona uygulayabilirsiniz.

<!-- Normal HTML element to disintegrate -->
  <button class="button">Button</button>
  
  <script src="anime.min.js"></script>
  <script src="dist/particles.min.js"></script>
  <script>
      // Initialize a new instance of Particles to disintegrate/integrate the button
      var particles = new Particles('.button');
  
      // Disintegrate the button into particles
      particles.disintegrate();
  
      // particles.integrate(); // would do the opposite
  </script>

Efektleri görüntülemek için buraya, kaynak dosyalarını indirmek için ise buraya tıklayabilirsiniz.

Tarih:Html/Css/Js

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir