CSS & JS ile Nasıl Butonlara Dalga Efekti Verilir? - Abdulkadir Kaya Kişisel Sitesi CSS & JS ile Nasıl Butonlara Dalga Efekti Verilir? –

CSS & JS ile Nasıl Butonlara Dalga Efekti Verilir?

4 ay sonra herkese tekrar selamlar 🙂 Bugün sizlere CSS & JS ile butonlara nasıl dalga efektinin verildiğini göstereceğim 🙂

Öncellikle bu Dalga Efekti nedir onu ufakcık bir kısa geçiyim

Google’de bulunan butonlara basınca bi efekt gibi oluyor kısacası bu.

Anlamayan olursa’da aşağıdaki resim’e daha detaylı anlayabilirsiniz.

Pekii, bunu nasıl yaparız? Bunu yapmak için size vereceğim kodları sitenize ekleyerek işlemi tamamlayabilirsiniz. 🙂

Eklenecek CSS Kodu İçin

Yeni bir css dosyası veya halihazırda kullandığınız css dosyasını açın.

Eklenecek JS Kodu İçin

Ardından aşağıda verdiğim kodu JS dosyasına ekleyin.

Verdiğim kodların hepsini ekleyerek işlemi bitiriyoruz ve artık her şey hazır!

Peki, Simdi Nasıl Kullanıcaz?

Kullanılması çok basit herhangi bi div’e waves-effect yazarak kullanabilirsiniz.

Yapamadıysanız yorumunuza site adresinizi bıraktığınız takdirde size yardımcı olabilirim..

Bir sonraki blog’a görüşürüz!

14 Yorum

Bir cevap yazın

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