放大Words CSS

Question

我正在嘗試使用單詞放大功能來制作WordCloud。 我使用JavaScript隨機設置CSS以縮放單詞，但是單詞只是消失然后出現。

這是我的CSS代碼：

svg text.zoom {
   /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1, 1); /*This is the scale for the normal size of the image. */
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;

  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition: ease-in-out;


  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-in-out;
}

有人可以幫忙嗎？

Answer 1

您似乎錯過了標准過渡屬性。 嘗試添加以下CSS代碼

svg text.zoom{
    transition: all 0.5s ease-in-out;
}

我希望這個能幫上忙