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;
}