一个文字两种颜色mix-blend-mode
作者:
秀萝卜 | 来源:发表于
2022-08-17 16:47 被阅读0次<html>
<style>
.tuoyuan {
overflow: hidden;
color: #3abf56;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 3;
font-size: 55px;
width: 300px;
height: 100px;
mix-blend-mode:exclusion;
font-weight: bold;
opacity: 1;
}
.home {
width: 200px;
height: 100px;
display: flex;
border-radius: 50px;
background: linear-gradient(to right,
#3abf56 0%,
#3abf56 60%,
#daf4e7 60%,
#daf4e7 100%);
}
</style>
<div class="home">
<div class="tuoyuan">65.7%</div>
</div>
</html>
本文标题：一个文字两种颜色mix-blend-mode
本文链接：https://www.haomeiwen.com/subject/rnajgrtx.html
网友评论