如何在JS插件中已存在的转换之上添加转换

Question

我正在使用arctype.js插件，该插件可让您在页面上弯曲文本。但是，它使用转换，现在我无法使用css transform添加任何其他转换效果。这是我尝试过的代码：

<center><h2 id = "days" class = "numbers">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 </h2></center>

 <style> 
    .numbers .char1{
        transform: translate(0px, 0);
        transition: -webkit-transform 0.8s ease;
    }

    .numbers .char1:hover{
      transform: scale(0.7);

    }
<style>

Answer 1

为了覆盖插件的CSS，并确保您的样式声明总是 获得最高优先级，您可以使用!important

.classname {
 transform: scale(0.7) !important;
}