Javascript-如何触发；如果；通过CSS更改条件

在过去的4个小时里，我一直在痛苦地寻找如何做到这一点，我不知道我做错了什么，我有一个多层的页面，我希望在需要的页面不透明度1时触发一些转换，当你想到它时应该很简单，这是我的代码，请帮助；）

slide1=document.querySelector（'.slide1'）；
函数videoPlay（）{
var videoOne=document.getElementById（'myVideo'）；
如果（（slide1.style.opacity）>0）{
视频一。播放（）；
}
}
视频播放（）
。幻灯片{
宽度：100%；
背景尺寸：封面；
背景位置：中心；
位置：绝对位置；
}
.幻灯片1{
宽度：100%；
背景：无；
不透明度：0；
}
您可以使用
transitionend
事件，但必须先设置转换。现在，您的问题中没有太多关于不同幻灯片、过渡设置等的信息。下面是一个基线，让您了解一下：


const slide1=document.querySelector（'.slide1'）；
const videoEl=document.querySelector（'.slide1_uuvideo'）；
const button=document.querySelector（'button'）；
让inView=false；
幻灯片1.addEventListener（'transitionend'，（）=>{
让内容=‘播放’；
如果（查看）{
内容=“”
}
videoEl.textContent=内容；
inView=！inView；
})
按钮。addEventListener（'单击'，（）=>{
slide1.classList.toggle（'active'）
})
.slide1{
过渡：不透明度500ms线性；
不透明度：0；
边框：1px纯绿色；
填充：10px；
边际下限：24px
}
.slide1.active{
不透明度：1
}

幻灯片1
下一步
在我短暂但极其活跃的两年时间里，我从未听说过CSS的变化（除非你每x次对CSS状态进行一次民意调查，并将其与之前的民意调查进行比较）。也许你应该考虑看看那些改变你不透明度的代码，然后做点什么？谢谢，不透明度随着鼠标轮而改变，我想我会做点什么，我不知道它不能像我想象的那样去做。你应该给我们看看改变不透明度的代码。就目前情况而言，你的帖子有点含糊不清，很难回答。我把它添加到帖子中，我希望这会让事情变得更清楚。我很抱歉我听起来有点含糊不清，我对这个有点陌生。^^“谢谢你的回答，我添加了上面的代码，让我所做的事情更清楚：）@ibrahimMohamed我已经用更多的内容修改了我的答案。