CSS İle Resimlerin Üzerine Gelince Büyütme nasıl yapılır? Web sitenize bir çok efekt ekleyerek benzersiz hale getirebilirsiniz. Bunlardan biride CSS İle Resimlerin Üzerine Gelince Büyütme efekti eklemektir. Veya resmi küçülme işlemi de yapabilirsiniz. Bunun yapmanın iki yol var;
- CSS Kullanarak Resmi Büyütme
- JavaScript Kullanarak Resim Büyütme
Bi bu yazımızda CSS kullanarak Resmin üzerine Mouse üzerine gelerek büyütme işlemini gösterecek. İki bölümden oluşmaktadır HTML ve CSS alt raftan kodlara erişebilirsiniz.
HTML Kodu
<img src="tpkmedya-resim.png"/> CSS Kodu
img:hover {
-ms-transform: scale(1.3); /* IE 9 */
-webkit-transform: scale(1.3); /* Safari 3-8 */
transform: scale(1.3);
}Kod Çıktısı
