Çarşamba 25 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. CSS
  3. Sitelerinizde Kullanabileceğiniz “Ghost Buttons”
 Sitelerinizde Kullanabileceğiniz “Ghost Buttons”
CSS Tasarım

Sitelerinizde Kullanabileceğiniz “Ghost Buttons”

Yazar : Ali Sayar 12 Şubat 2018 1 Comment

İçindekiler

  • Renkli Butonlar

  • Simge İçeren Butonlar

  • Süslü Butonlar

  • Animasyonlu Butonlar

  • Duyarlı Butonlar

  • Dolgu Animasyonlu Butonlar

Hemen hemen her web sitesinde buton kullanılıyor. Butonlar sitelerde bir çok görevi yerine getiriyor ve ziyaretçilerin de oldukça dikkatini çeken bir konu. Sitelerinizdeki butonları özelleştirerek ziyaretçilerin göz zevkine hitap edebilirsiniz. Buradaki kodları kolayca kopyalayıp, projelerinizde kullanabilirsiniz.

Bu yazımızda sizlere oldukça kullanışlı olan “Ghost Button” ‘dan bahsettik.

Renkli Butonlar

Bu butonlar oldukça kullanışlı ve kendi zevkinize göre değiştirilmesi ve tasarlanması oldukça kolaydır. CSS kısmında ufak değişiklikler veya eklemeler ile kendi sitenize göre renk ve şekil düzenlemelerine gidebilirsiniz.

Simge İçeren Butonlar

Bu butonları web sayfanızdaki kullanıcıları yönlerdirme amaçlı olarak, gerekli yerlerde kullanabilirsiniz. Butonlarda kullanılan simge kendi zevkinize göre seçilebilir veya yönlendirmek istediğiniz içerik ile ilgili bir ipucu içerebilir.

Süslü Butonlar

Web sitenizi butonlarla daha da eğlenceli ve renkli hale getirmek istiyorsanız bu butonlar tam size göre. Butonların sınırları için Sass kodlarıyla özel stiller kullanılmıştır. Yapmanız gereken tek şey renkleri kendinize göre veya sitenizin içeriğine göre düzenlemek.

Animasyonlu Butonlar

Bu butonlar özel arkaplan değişiklikleri ve geçiş efektleri ile güçlenir. En iyi animasyonlu butonlardandır. Sitelerinize canlılık ve hareketlilik katacağından şüphemiz yok.

Duyarlı Butonlar

Duyarlı butonları, tasarımlarınızı özelleştirmek için rahatlıkla kullanabilirsiniz. İmlecin hareketine odaklı olarak renk değiştirmesi ile size ve ziyaretçilerinize hoş gelebilir.

Dolgu Animasyonlu Butonlar

Butonlarınıza biraz daha havalı efektler vermek istiyorsanız Dolgu Animasyonlu Butonları tavsiye ederim. Bu butonlar kolay manipüle edilir ve herhangi bir site için kullanılabilir. Arka planı, metin renklerini ve simgelerle değiştirebilirsiniz.

Bu yazımızda sizlere web sitelerinizde rahatlıkla kullanabileceğiniz “Ghost Buttons” ‘ tan bahsettik, sizlerde yorumlarınızla bizlere katkıda bulunabilirsiniz.

Etiketler: Buttons cssbuttons efektbutton GhostButtons htmlbuttons
Önceki Yazı
Sonraki Yazı

Ali Sayar

administrator

Web Programlama alanında çalışmalar yapıyorum.Bu alanda öğrendiğim yararlı ve pratik bilgileri mutfakta paylaşıyorum.Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

1 Yorum

  • Sinan Duymaz says:
    22 Şubat 2018 at 12:09

    Web işi ile uğraşan herkesin sizin bloğunuzu takip etmesi gerektiğini düşünüyorum faydalı içerikler bulunuyor. Daha da başarılı olmanızı dilerim.

    Reply

Yorum Yap Yorumu İptal Et.

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

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.