[英]Zoom in out of Words css
我正在尝试使用单词放大功能来制作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;
}
有人可以帮忙吗?
您似乎错过了标准过渡属性。 尝试添加以下CSS代码
svg text.zoom{
transition: all 0.5s ease-in-out;
}
我希望这个能帮上忙
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.