Genel olarak Website kullanıcıları efektleri severler ve efektlerin başında ise hover geliyor fakat hover efekti verdiğimizde bazen geçişler çok sert olabiliyor işte bunları geçişleri softlaştıran bir kaç css kodumuz var bu yazımızda bu konuya örnek vereceğiz.Css Alanında yazılan Aşagıdaki Kodlar işte tamda bu yumuşak geçiş için kullanılıyor. Örnek Kod ve örnek gösterim ; (Result basınız)

Kodları almak için HTML ve CSS kısımlarına tıklayarak kodları alabilirsiniz. Ayrıca Bu sadece örnek bir gösterimdir , tüm websitelerinizde kullanabilir ve düzenleyerek tam tersi efetklerde verebilirsiniz. Sorun veya yardım için yorum kısmından yazabilirsiniz. İyi kullanımlar.

The post CSS-HTML Resimlere Yumuşak Hover Efekti appeared first on indirbig.

CSS ve HTML text-decoration, metinlerimizin altını ve üstünü çizmek istediğimizde kullandığımız bir özelliktir.. Kullanım alanı ve şekli geliştiriciye bağlıdır. Her türlü CSS dosyasında biçimlendirebilir ve kullanılabilir. Ayrıca HTML5 desteği mevcuttur, Tüm büyük tarayıcılar tarafından desteklidir.

text-decoration:overline /* Metin Üstü Çizgi */
text-decoration:line-through /* Üzeri Çizili Metin */
text-decoration:underline /* Altı Çizili Metin */

Css Altı Çizik Linkleri Kaldırma Kodu :

text-decoration:none

The post CSS Text Decoration (CSS Yazı Biçimlendirme) appeared first on indirbig.

Herkese Merhaba ; Bu konuda biraz alanımızı değiştirip Webmaster dünyasına dalıyoruz. İlk önce Basit işlemlerle anlatımlarımızı yapalımki gözünüzü korkutmayalım değilmi. Lafın kısası CSS kodlarken harf duyarlılığı standart olur, bazı çalışmalarda başlıkların veya tüm fonksiyonların büyük küçük harf olmasını isteriz. Bu kodlamayı aşağıdaki şekilde gerçekleştirebiliriz.

text-transform: lowercase; /* Hepsi küçük harf */
text-transform: uppercase; /* Hepsi büyük harf  */
text-transform: capitalize; /* İlk harfler büyük */

The post CSS Büyük ve Küçük Harf Dönüştürme appeared first on indirbig.

Bu Kod Ne İşe Yarar ?

Kodumuz mouse ile bir resmin üzerine gelindiğinde soluk halinden kendi rengine dönmesidir.Yani mouse’u resmin üzerine koyduğun zaman parlaklık katıyor.Vereceğim kodlar IE içinde uyumludur.

<img src="resimadresi.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

DEMO

Opacity kodumuzun IE’de çalışması için ondalık bölümleri “opacity:0.4” ile diğer gelişmiş tarayıcılarda çalışması için ise doğal sayılı bölümleri “opacity=40” değiştirmeniz gerekecek.Ondalık ve doğal sayılı bölümler birbiri ile aynı olmalıdır.

“resimadresi.jpg” bölümüne ekleyeceğiniz resmin linkini koyacaksınız.İsterseniz biraz CSS bilgisi ile bunu temanız da bulunan tüm resimlere ya da sadece yazılarınızda bulunan resimlere uygulayabilirsiniz.

The post CSS Opacity Kodu appeared first on indirbig.