小编Ult*_*rns的帖子

这是 HTML 正文中唯一的内容：

    <div id="box">
        <p id="text"> Enter The Disco! </p>
    </div>

这是我与该问题相关的CSS：

#box:hover{
    -webkit-transform:rotate(360deg);
    opacity:1;
    background-image:url("Logo.jpg");
    width:428px;
    height:208px;
    font-size:38px;
}
#text:hover{
    padding:18% 0% 0% 0%;
    color:red;
}

我想做的是，当我将鼠标悬停在 div 上时，使 div 内的文本消失，我该怎么做？它已经旋转并改变背景，但我只想文本在完成动画后消失。