[英]Zoom in out of Words css
I'm trying to do a WordCloud with zoom in-out of words. 我正在尝试使用单词放大功能来制作WordCloud。 I'm using JavaScript to randomly set CSS to zoom the words, however the words just disappear and then appear. 我使用JavaScript随机设置CSS以缩放单词,但是单词只是消失然后出现。
This is my CSS code: 这是我的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;
}
Can someone help? 有人可以帮忙吗?
Looks like you have missed the standart transition property. 您似乎错过了标准过渡属性。 Try adding the following CSS code 尝试添加以下CSS代码
svg text.zoom{
transition: all 0.5s ease-in-out;
}
I hope this will help 我希望这个能帮上忙
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.