CSS ile Bulanık(Blur) Yazı Yazmak

Evet bugün epey kısa bir ders ile karşınızdayım. Bu derste css ile herhangi bir yazıyı nasıl bulanıklaştıracağınızı öğreniceksiniz. Hemen yeni bir sınıf oluşturalım:

.bulandir {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

Yukardaki sınıfı bir elemente uyguladığınızda aşağıdaki sonucu alıyorsunuz:

Daha

HTML ve CSS ile Animasyonlara Giriş | Ders 1

Animasyonlar dozunda olunca sitenize hareket katarlar ve insanlar hareketi sever. Hadi başlayalım.

Öncelikle basit bir css dosyası oluşturmakla başlayalım ve şunları yazalım :

div {
 width: 100px;
 height: 100px;
 background: blue;
}

Peki burda ne yaptık; sitemizdeki tüm divlerin 1oo piksel genişliğinde(width : 100px) ve 100 piksel yüksekliğinde olmasını sağladık(height: 100px) ayrıca arkaplan rengini mavi yaptık(background: blue). Bu bize aşağıdakini verdi:

Daha