CSS3缩放动画重置

Question

即使我还在徘徊，CSS3过渡也会立即重置。任何人都可以帮助我使这个永久性而不是在鼠标悬停在它上面时重置吗？

＆＃13;

＆＃13;

bool equivalent(int a[], int b[], int n) {
    int i=0, j=0, count=0;
    // This condition fails immediately because the values are equal
    while (a[i] != b[j]) {
        // For this reason neither count nor j are incremented
        count++;
        j++;
    }

    for (int i=0; i<=n; i++)
        // This condition succeeds immediately because these values are equal
        if (a[i] % n == b[i+count] % n)
            // And true is returned.
            return true;
        else
            return false;
}

＆＃13;

var counter = 0;
var pics = [];
function loadImage(img){


        var img;


            img = new Image();
            img.src = link;
            img.onload = function(e){draw(img)};
            pics.push(img.src);


    };

    function draw(image){ 
     ctx.drawImage(image),0,0,100,100);
     if(counter != imageArray.length)
     {
      loadImage(ImgArray[counter]);
      counter++;

     }
    };

＆＃13;

＆＃13;

＆＃13;

Answer 1

您的链接正在搞砸，因为它是display: inline。

＆＃13;

＆＃13;

.grow { 
    -webkit-transition: all .2s ease-in-out;
    display: block; /* or display: inline-block; */
}

.grow:hover { 
    -webkit-transform: scale(1.1);
}

＆＃13;

<a class="logo-icon grow" href="#">
  <img src="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2014/4/11/1397210130748/Spring-Lamb.-Image-shot-2-011.jpg" alt="logo">
</a>

＆＃13;

＆＃13;

＆＃13;

但为什么？

内联元素不会扩展到其内容的高度。块元素：