Web Geliştirici | Tasarımcı

Resimde otomatik yakınlaştırma efekti

Resimlerinizde veya slider ögelerinizde çok olayca yakınlaşyırma yapın.

Aşağıda verilen kodları sitenizin CSS veya HTML yapısındaki alanına yapıştırın ve img kısmını kendinize göre düzenleyin ve resimlerin otomatik yakınlaştığını göreceksiniz.

from kısmı sabit kalır ve to kısmını ne kadar arttırırsanız resminize o kadar çok yakınlaşacaktır.

/* Chrome, Safari, Opera */
@-webkit-keyframes zoom {
    from {
    	-webkit-transform: scale(1,1);
    }
    to {
    	-webkit-transform: scale(1.5,1.5);
    }
}

/* Standard syntax */
@keyframes zoom {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.5,1.5);
   }
}


img {
    -webkit-animation: zoom 50s; /* Chrome, Safari, Opera */
    animation: zoom 50s;
}

CSS Yanıp Sönme Efekti

Css kullanarak html veya php dosyalarınıza dikkat çekici yazı efekti sağlayın. Bu animasyon efektinin tam olarak adı “blink” olarak bilinmektedir. Blink efekti […]

Bir yorum ekleyin

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