14 CSS Buton Tıklama Efekti

Web site tasarımlarınızı daha da güzel gösterecek, animasyonlu 14 buton tıklama efektini bir araya getirdik. Hazırladığımız listedeki bütün buton tasarımları ve efektleri tamamen ücretsiz ve açık kaynaktır. Dilediğiniz gibi projelerinizde kullanabilirsiniz.

1. Material UI Stretch Buton

Geliştiren: Mikael Ainalem tarafından 31 Ocak 2019’da geliştirilmiştir.

Uyumlu tarayıcılar: Chrome, Firefox, Opera, Safari

2. SCSS Eğimli Buton Tasarımı

Geliştiren: Brandon McConnell / 29 Ocak 2019

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari

3. JavaScript ile Yapılmış Dalgalanma Efektli Düğme

Daha düzgün animasyon için birkaç Javascript kodu ile hazırlanmış. Basit ama etkili bir buton örneği.

Geliştiren: Takane Ichinose / 26 Ocak 2019

Uyumlu tarayıcılar: Chrome, Firefox, Opera, Safari

4. Sadece CSS ile Oluşturulmuş Dalgalanma Efektli Buton Tasarımı

radial-gradient ile oluşturulmuş sadece css kodu olan dalgalanma efekti arıyorsanız, bu buton işinize yarayabilir.

Geliştiren: Liam / 3 Ocak 2019

Uyumlu tarayıcılar: Chrome, Firefox, Opera, Safari

5. Mini CSS Buton Tasarımı

Geliştirici: Christina Deemer / 30 Kasım 2018

Uyumlu tarayıcılar: Chrome, Firefox, Opera, Safari

6. Siyah Biyometrik Giriş Düğmesi

Geliştirici: Mikael Ainalem / 19 Kasım 2018

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari

7. Oldukça Şık Sil Butonu

Farklı amaçlar için kullanılabilir, oldukça şık sil buton tasarımı.

Geliştirici: Himalaya Singh / 22 Eylül 2018

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari

8. Tıklama Animasyonlu Kabarcıklı Buton

radial-gradient ve background-image kullanılarak kabarcıklar yapılmış. div veya ( ::beforeve ::after) eklemeden birçok şey yapabilirsiniz.

Geliştirici: Nour Saud / 20 Ocak 2018

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari

9. Dalgalanma Efektli CSS Buton

CSS ve ES6 ile hazırlanmış dalgalanma efektli buton.

Geliştirici: Juan Moises Torrijos / 8 Aralık 2017

Uyumlu tarayıcılar: Chrome, Firefox, Opera, Safari

10. Üstüne Geldiğinde Büyüyen CSS Buton

Html ve Css ile hazırlanmış basit bir düğme örneği.

Geliştirici: evans / 19 Haziran 2017

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari

11. Bütün Sayfayı Kaplayan Geçişli CSS Buton

Sayfa geçişinizi canlandıracak şık buton tasarımı.

Geliştirici: AaronMcGuire / 20 Nisan 2017

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari

12. Tıklama Efektli CSS Buton

Tıklama efekti ile HTML ve CSS ile oluşturulmuş buton.

Geliştirici: Dronca Raul / 23 Eylül 2016

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari

13. CSS3 Radyal Gradyan Animasyonlu Buton

Basit ama oldukça şık animasyonlu buton tasarımı.

Geliştirici: Binesh Babu Peringat / 17 Haziran 2016

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari

14. CSS Gradyan Buton

Üzerine geldiğinde yumuşak bir şekilde değişen degradeleri olan basit bir CSS düğmesi.

Geliştirici: hawcubite / 13 Kasım 2015

Uyumlu tarayıcılar: Chrome, Edge, Firefox, Opera, Safari