Site Zeminlerinize base64 efektleri verin

147

[ Okuma süresi tahmini 1 dakikadır ]

Sitenizde arkaplan veya herhangi bir renkli zemine görsel kullanmadan noise denilen efekt vermeyi anlatıyor bu yazı.
Anlatması zor. Çünkü bu noise efekti Türkçe nasıl adlandırabiliriz bilemedim. Nasıl yapıldığı ise çok kolay.

Base64 ile CSS noise efekti

Arkaplan rengi olan bir CSS elemetine bir Base64 kodu eklemeniz yeterli oluyor. Daha iyisi ise, CSS dosyanızda bu kodu bir class olarak kaydedip html kodlarınızda istediğiniz yerde bu class‘ı da ekeleyerek kullanmak.

ÖRNEK

Bu sitede kullandığım örnek body için.
<body class="diger diger noise">
Body elementimizin classına diğerlerinin yanında bir de bu noise classını ekliyoruz.
Peki bu kodu nasıl ve nereden bulacağız?

Base64 Noise Generator

Base64 Noise Generator bu iş için harika bir servis. İnternet tarayıcınızdan istediğiniz kodu oluşturabiliyorsunuz.

Kelime Sayısı: 143 Yorum yapılmamış

Yazı altı elemanları

Bir şey mi söyleyeceksiniz?

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir