<p>可以使用CSS的:hover伪类和transition属性来实现按钮的颜色切换效果。以下是示例的CSS代码:</p>
<pre><code class="language-css">.button {
  background-color: rgb(9, 113, 225);
  color: white;
  transition: background-color 0.5s, color 0.5s;
}

.button:hover {
  background-color: white;
  color: rgb(9, 113, 225);
}
</code></pre>
<p>在上述代码中,我们定义了一个名为.button的类,用于表示按钮的样式。初始时,按钮的背景颜色为rgb(9, 113, 225),文字颜色为白色。使用transition属性设置了背景颜色和文字颜色的过渡效果,过渡时间为0.5秒。</p>
<p>当鼠标悬停在按钮上时,使用:hover伪类来选中按钮,并设置背景颜色为白色,文字颜色为rgb(9, 113, 225)。这样就实现了鼠标悬停时的颜色切换效果。</p>
<p>你可以将上述CSS代码添加到你的HTML文件的<style>标签中,或者将其保存为一个独立的CSS文件并在HTML文件中引入。然后,将按钮的class设置为.button即可应用这个样式</p>
帮我写一个鼠标在按钮上时底色变为白色文字颜色是rgb9113225不在按钮上时底色变为rgb9113225文字颜色变为白色且切换时间为05秒的css代码

原文地址: https://www.cveoy.top/t/topic/hSJ5 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录