放大出言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; 
}

有人能幫忙嗎？

來源

2017-01-19 Ana Brandão

如果更改爲不同尺度，如果你可以共享的完整代碼，請確認您的CSS選擇器，你的代碼應該工作明確，那太好了。 –

現在正在發生的事情是，他正在將單詞轉移到wordcloud的頂部，並且它沒有顯示在div上。 –

看起來你錯過了標準過渡屬性。嘗試添加以下CSS代碼

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

我希望這將有助於

來源

2017-01-19 15:19:40

嗨，謝謝你的幫助。 –

@AnaBrandão如果這有幫助，您可以通過點擊投票中的勾號（√）將其標記爲答案;） –

@Ana，我建議編輯您的問題，並在編輯時注意到您的評論比例設置爲** // Comment **而不是**/* Comment */**。請檢查您的代碼;） –

放大出言CSS

回答

相關問題