Kutay Utku | "Kutay Utku'in Projeleri Ve Notları"

Günümüz dijital dünyasında web sitelerindeki görselleri kaydetmek çoğu zaman zaman alıcı ve zahmetli bir işlem haline gelebiliyor. Ancak artık bu işlemi saniyeler içinde yapabilmenizi sağlayacak çok pratik bir çözüm var: Hover Zoom+ eklentisi! Hover Zoom+ Nedir?Hover Zoom+, Chrome tarayıcınıza ekleyebileceğiniz ücretsiz ve kullanışlı bir tarayıcı eklentisidir. Bu eklenti sayesinde: Fare imlecinizi herhangi bir görselin üzerine getirdiğinizde otomatik olarak büyük boyutta görüntüleyebilir Görselleri tek tuşla kolayca indirebilir Görüntü kalitesini kaybetmeden orijinal boyutlarda görüntüleyebilir Sosyal medya platformlarındaki küçük önizleme resimlerini bile büyütebilirsiniz Kurulum ve Kullanım Adımları: Google Chrome tarayıcınızı açın Adres çubuğuna "chrome://extensions" yazın veya Chrome Web Mağazası'na gidin Arama kısmına "Hover Zoom+" yazın Çıkan ilk sonuca tıklayın (https://chromewebstore.google.com/detail/hover-zoom+/pccckmaobkjjboncdfnnofkonhgpceea) "Chrome'a ekle" butonuna basarak...

Bu CSS kodu, belirli bir elementin (bu durumda, #linkContainer içindeki tüm <a> bağlantılarının) stilini tanımlar ve hover (üzerine gelindiğinde) etkisi ekler. Kod, iki ana bölümden oluşmaktadır: Kod Açıklaması: #linkContainer a: Bu kısım, sayfada id="linkContainer" olan bir elementin içerisindeki tüm <a> (bağlantı) etiketlerine uygulanacak stilleri belirtir. transition: color 0.3s, padding-left 0.3s;: transition özelliği, bir stil değişikliğinin animasyonlu bir şekilde yapılmasını sağlar. Bu durumda, bağlantılara ait color ve padding-left özelliklerinin değişimi 0.3 saniyelik bir süreyle yapılacaktır. Yani, bağlantının rengi değiştiğinde veya sol iç boşluğu (padding-left) değiştiğinde, bu değişiklikler 0.3 saniye içinde yavaşça gerçekleşir. #linkContainer a:hover: Bu kısım, kullanıcı fareyi bağlantının üzerine getirdiğinde (hover), o bağlantının stilini değiştiren kısmıdır. padding-left: 10px;: padding-left özelliği,...