Görsellerinize Büyüteç ile Bakın

CSS Büyüteç

Günümüzde neredeyse çoğu grafik sitesi görselleri için büyüteç tekniğini kullanmakta. Hatta sık sık ziyaret ettiğimiz alışveriş siteleri bile ürünlerini daha iyi sunmak için bu tekniği kullanmakta.

Peki nasıl oluyorda imleci görsellerin üzerine getirince bir mercek içinden bakabiliyoruz? Bu makalemde bu soruyu birlikte cevap arayacağız.

Biraz CSS, biraz HTML ve biraz da jQuery… Hadi başlayalım!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


CSS ile Çoklu Border (Çerçeve) Oluşturma

Bildiğiniz gibi CSS Border kullanarak çerçeveler oluşturabiliyorduk. Fakat çoklu çerçeve oluşturmaya kalktığımızda işler sarpa sarıyordu.

İşte tam bu esnada yardımımıza box-shadow koşuyor. Bu kod dizesi ile gölgelendirme yapabiliyoruz. Detayları için gölgelendirme konulu makalemi okuyabilirsiniz.

Gölgelendirme yaparken uyguladığımız blur efektini 0’a çekince gayet keskin bir görüntü elde ediyoruz. Bu teknik sayesinde istediğimiz kadar border oluşturabiliyoruz.

(daha&helliip;)

Devamını Oku