将JavaScript变量传递到外部CSS文件

我一直在做一些搜索，但还没有找到一个有效的解决方案。在这之前，我还应该说，在CSS方面，我是个不折不扣的傻瓜

因此，我使用一个名为Muxy.io的站点来处理流的通知。它允许您使用HTML文件和CSS文件自定义通知

现在看起来是这样的：

我想完成的是随机设置通知显示的角度

以下是我当前的HTML代码：

<div id="notificationHolder">
  <div id="followNotification">
    <div id="line">
      <span id="name">{name}</span>
      <span id="tagline">Has Just Followed!</span>
    </div>
  </div>

  <div class="tts" style="display: none;">
    {tts_user_message}
  </div>
  <script>
    $( document ).ready(function() {
        var audio = [ArrayOfSoundURLs];
        var rand = Math.floor(Math.random() * audio.length);
        audio[rand].play();
    });
  </script>
</div>

要更改通知的角度，我需要更改这段代码的“旋转（-deg）”部分。据我所知，你不能在CSS中生成一个随机数，我需要在HTML文件中这样做，然后将它传递到CSS文件中

#line {
      width: 0;
      height: 0;
      position: absolute;
      top: 400px;
      left: 50%;
      margin-left: 0;
      -webkit-transform: rotate(-5deg);
              transform: rotate(-5deg);
      opacity: 0;
      -webkit-animation: lineIn 0.2s .6s forwards, 
                 lineGrow 0.4s 1s forwards,
                 linehide 0.5s 6.7s forwards;
              animation: lineIn 0.2s .6s forwards, 
                 lineGrow 0.4s 1s forwards,
                 linehide 0.5s 6.7s forwards; 
    }

所以我的问题是，我如何在遵守Muxy.io网站的限制的同时做到这一点

如果这太具体了，我很抱歉（我想最好给你所有需要的信息）。通常我会尽我最大的努力去解决这些问题，但我遇到了一些麻烦。我很感谢你对此事的关注。

（代表OP发布）

解决了，谢谢大家的帮助：）。以下是添加到脚本部分以获得所需效果的代码行：

var rand_angle = 5 - Math.floor(Math.random() * 10);
document.getElementById("line").style.transform = "rotate(" + rand_angle + "deg)"; 

（代表OP发布）

解决了，谢谢大家的帮助：）。以下是添加到脚本部分以获得所需效果的代码行：

var rand_angle = 5 - Math.floor(Math.random() * 10);
document.getElementById("line").style.transform = "rotate(" + rand_angle + "deg)"; 

---

为什么不通过DOM使用JS设置转换？可以。使用javascript设置元素的CSS值<代码>document.getElementById（“myDIV”）.style.transform=“旋转（7deg）”谢谢，成功了；）我将这些行添加到我的脚本部分，得到了预期的效果：D var rand_angle=5-Math.floor（Math.random（）*10）；document.getElementById（“line”）.style.transform=“旋转（“+rand_angle+”deg）”；为什么不通过DOM使用JS设置转换？可以。使用javascript设置元素的CSS值<代码>document.getElementById（“myDIV”）.style.transform=“旋转（7deg）”谢谢，成功了；）我将这些行添加到我的脚本部分，得到了预期的效果：D var rand_angle=5-Math.floor（Math.random（）*10）；document.getElementById（“line”）.style.transform=“旋转（“+rand_angle+”deg）”；谢谢，我对这个网站还是有点陌生，所以我还没有真正掌握你们想要的格式：PNo，这样很好。我不在乎销售代表。我只想让人们（包括我）得到他们需要的答案：）但谢谢你的提问。谢谢，我对这个网站还是有点陌生，所以我还没有真正了解你们想要的东西是如何格式化的：PNo，这样很好。我不在乎代表。我只想让人们（包括我）得到他们需要的答案：）但是谢谢你的提问。