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