istanbul escort

CSS3 ile Gradient Arkaplan Nasıl Oluşturulur?

CSS ile renk geçişi yani gradient CSS3 ile birlikte gelen yeni bir özelliktir. Resim kullanmadan bir renkten diğerine geçiş yapmayı sağlayan css3 gradient özelliği bize tasarım yönünden çok büyük kolaylık sağlar. Üstelik resim kullanmadığımız için HTTP isteği yapmamış oluruz ve böylelikle görüntü hızlı açılır.

Renk geçişi resimleri genelde jpeg olarak kaydedilir, resimde fazla renk olduğu için, bazen bu renk geçişi resimleri yüksek boyutlarda olabilir. CSS3’ün bu özelliği ile resmin yerini kod blokları alır ve buda bize hız kazandırır.

Şimdi CSS3 ile gradient arkaplan nasıl oluşturulur, öğrenelim. Bunun için aşağıdaki kod satırını kullanabilirsiniz:


background:-webkit-gradient(linear, 76% 26%, 10% 21%, from(#866400), to(#FFD500))

Yukarıdaki kod satırında linear renk geçişini kullandım. Ayrıca #866400 renk kodundan #FFD500 renk koduna geçişi sağladım.

demo

Eşleştirilen İçeriklere Göz Atın

Emrah

1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni olarak görev yapmakta olup Web-Grafik Tasarımı ve SEO eğitmeni. Sinema ve doğa gezileri en sevdiği hobileri.

Bunları da sevebilirsiniz

Bir cevap yazın

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

sakarya escort sakarya escort sakarya escort maltepe escort sakarya escort sakarya escort escort Canlı Maç Siteleri escort ankara esenyurt escort Başakşehir escort avcılar escort ataköy escort beylikdüzü escort gaziantep escort bornova escort kayıs dagı escort tuzla escort ümraniye escort Antalya escort Ankara escort istanbul escort avcılar escort ankara escort escort ankara izmir escort Pendik escort istanbul escort seks hikayeleri Ankara escort izmir escort tuzla escort alsancak escort escort izmir hardcore porn mobil porn porno brazzers Para yatırmadan ilk üyelik bonusu veren bahis siteleri