Javascript 能否向具有内联样式的元素添加淡出过渡'；显示：无'；应用

我正在寻找添加一个淡出过渡到传统的克拉维约注册表单弹出窗口。包装器元素的内联样式设置为“display:none”，如果用户是新访问者并且没有Klaviyo cookie，则该样式将被删除，以便显示表单。关闭时，将“display:none”添加回元素并添加cookie

有没有办法淡化这种元素？因为“显示：无”会立即发生，我猜没有办法实现这一点？我也在使用Vue，但也找不到使用Vue转换来实现这一点的方法

任何帮助都会得到很大的帮助

<div class="klaviyo_modal" id="k_id_modal" style="display:none;">
   <div class="klaviyo_inner">
   <a href="#" class="klaviyo_close_modal klaviyo_header_close">×</a>
   <form action="//manage.kmail-lists.com/subscriptions/subscribe" method="POST" novalidate="novalidate" class="klaviyo_subscription_form">
      <input type="hidden" name="g" value="LIST_ID">
      <div class="klaviyo_fieldset">
        <p class="klaviyo_header">Interested in our Newsletter?</p>
        <p class="klaviyo_subheader">Stay in the know with news and promotions.</p>
      </div>
      <div class="klaviyo_fieldset">
      <div class="klaviyo_field_group">
        <label for="k_id_modal_$email">Email Address</label>
        <input type="email" id="k_id_modal_$email" name="email"></div>
      </div> 
      <div class="klaviyo_fine_print"></div>
      <div class="klaviyo_form_actions">
          <button type="submit" class="klaviyo_submit_button">
          <span>Subscribe</span>
          </button>
      </div>
      <div class="klaviyo_below_submit" ></div>
   </form>
   <div class="error_message" ></div>
   <div class="success_message" ></div>
   </div>
</div>
<script type="text/javascript" src="//www.klaviyo.com/media/js/public/klaviyo_subscribe.js"></script>
<script>
   KlaviyoSubscribe.attachToModalForm('#k_id_modal');
</script>

对我们的时事通讯感兴趣吗
了解新闻和促销活动
电子邮件地址
订阅
KlaviyoSubscribe.attachToModalForm（'k#u id_modal'）；

不幸的是，没有。这很不方便，但是

display:none

会将元素从渲染的DOM布局中完全移除，因此不可能将其淡出。元素在未显示时甚至不再占用空间

visibility:hidden

更近了，但仍然没有雪茄烟，因为你不能在

visible

和

hidden

之间褪色-这只是一种二进制情况

---

解决方法是使用

不透明度：0

并转换或设置不透明度的关键帧。

不幸的是，没有。这很不方便，但是

display:none

会将元素从渲染的DOM布局中完全移除，因此不可能将其淡出。元素在未显示时甚至不再占用空间

visibility:hidden

更近了，但仍然没有雪茄烟，因为你不能在

visible

和

hidden

之间褪色-这只是一种二进制情况

解决方法是使用

不透明度：0

并对不透明度进行变换或设置关键帧