医保卡怎么办理
css3背景渐变⾊实现过渡效果
前⾔： 对于设了渐变颜⾊的background，css会当做背景图⽚处理，这时直接设过渡transition会没有效果；
整理了两种⽤过的，给渐变背景加过渡的⽅法：
⽅法⼀：利⽤background-position，通过改变背景位置实现过渡
<div class="btn"></div>
盲人按摩培训学校.btn{
background: linear-gradient(72deg,rgba(5,120,255,1) 0%,rgba(0,177,255,1) 50%,rgba(0,177,255,1) 100%);
background-size: 200%;
transition: background-position .3s;
禹读音&:hover{
background-position: 100% 0;
}
}
⽅法⼆：写两层按钮，通过改变透明度opacity实现过渡（利⽤伪类before、after也可）
<div class="btn_save">
搜索
poke什么意思
<div class="btn_save_hover">搜索</div>
</div>
.btn_save{
text-align: center;
line-height: 32px;
红楼梦读书笔记每一回幸福秀background: linear-gradient(70deg, #0578ff 0%, #00afff 100%);
color: #fff;
transition: all .3s;
position: relative;
}
.btn_save_hover{
position: absolute;
top: 0;
left: 0;
松字成语
width: 100%;
height: 100%;
background: linear-gradient(90deg, #05C1FF 0%, #05C1FF 100%);
opacity: 0;
transition: all .3s;
}
.btn_save:hover .btn_save_hover{
敬业福照片opacity: 1;
}
