在写文档时，往往会遇到这种需求：鼠标放在某个关键字上，字体的颜色需要从A变成B，鼠标移开后，颜色再从B变成A。我们常常会这么写代码：
div{
color: yellow;
}
div:hover{
color: red;
}
这样就可以实现瞬间变色的效果，可是看起来会比较生硬，如果颜色在0.5s或者1s内渐变成我想要的颜色就会解决掉僵硬变色的问题了。
使用transition动画，代码挺简单的，只不过是添加了一行代码：
div{
color: yellow;
transition: color .5s;
}
div:hover{
color: red;
}
问题由来 在写文档时，往往会遇到这种需求：鼠标放在某个关键字上，字体的颜色需要从A变成B，鼠标移开后，颜色再从B变...
文字段落样式属性 color：文字颜色（color：red； color：#fofcf8； color：rgb...
以下为scss写法 普通css使用的话，将变量$color $color-hover替换成颜色值， 如需less写...
功能包含： 鼠标滚动放大缩小 node节点click、hover、color设置 edge连线hover 动态添加...
1、颜色 添加color包：\usepackage{color}文字：{\color{red}{I love yo...
3.2 CSS3边框颜色属性 3.2.1 border-color属性的语法及参数 border-color的语法...
样式：a:hover{background-color: skyblue;}.b1{width: 1200px;l...
注1：button-hover 默认为{background-color: rgba(0, 0, 0, 0.1);...
background-color:背景颜色 color:文字颜色 background: linear-gradi...
a.random:hover{ color:#64FFDA; font-size:120%; } //选择的是cl...
本文标题：CSS3文字hover后color渐变成另一种color
本文链接：https://www.haomeiwen.com/subject/ogjrmctx.html
网友评论