CSS-HtmlNo Comments

default thumbnail

A button can be made zoom in and zoom out continuously using @keyframes in CSS. Below is html and css code for a pop up and pop in button.

HTML

<a href="javascript:void()" class="m-auto d-table linktomenu"><img src="img/menu-icon.png" alt="Menu" height="60"></a>

CSS

@keyframes linktomenu{
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.3,1.3);
    }
    100% {
        transform: scale(1,1);
    }
}
.linktomenu img {
    animation: linktomenu 1s infinite ;
}

Thus, you can make the zoom in and zoom out button automatically and continuously.

Be the first to post a comment.

Add a comment