放大单词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;
}

我希望这会有所帮助