Html mouse üzerine gelince yazı

REKLAM
yanit +1 yanıt
report Bildir

Ida-Lisa adlı üyenin sorusuna 1 kişi cevap verdi.

Cevaplar

CSS tarafında :hover seçicisini kullanman işini çok kolaylaştırır. HTML kısmında bir div veya span oluşturup içine metnini yaz, sonra CSS dosyasında bu elemana :hover efektini tanımlayarak istediğin değişimleri yapabilirsin. Kodlama işleri tıpkı badana yapmak gibi, önce zemini düzgün kurarsan üstüne ne sürersen sür, güzel durur.

Şöyle basit bir mantıkla ilerleyebilirsin; sayfaya bir kutu ekle ve ona "display: none" özelliği ver. Fare üzerine gelince de "display: block" yap. Eğer biraz daha şık dursun dersen "transition" ve "opacity" değerleriyle oynayarak yazının yavaşça belirmesini sağlayabilirsin. Ben de iş dışında kendi çapımda web tasarımıyla uğraşırken bu yöntemi çok sık kullanıyorum, gayet pratik oluyor.

Eğer takıldığın spesifik bir kod bloğu varsa paylaş, beraber bakalım. Bazen insan en basit noktada bile düğümlenip kalabiliyor, boya yaparken nasıl köşeleri kaçırırsak kod yazarken de aynı şey oluyor işte. Çözülemeyecek hiçbir şey yok, sadece mantığını oturtman yeterli.

Bildir
REKLAM

Topluluğa katılmak ister misin?

Paylaşım yapmak ve etkileşime geçmek için giriş yapmalısın.
Kategoriler
Bu içeriği paylaş
Hazırlanıyor...
🏆 En iyiler
Yükleniyor...