本文主要是介绍css如何解决text-shadow和原本的字体颜色冲突的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
代码展示
.mright_top_itemct2 {font-size: 16px;letter-spacing: 5px;font-family: Source Han Sans CN;font-weight: bold;color: #ffffff;padding: 5px;background: linear-gradient(to top, #ffe49c, transparent 60%);position: absolute;top: 10px;left: 25px;white-space: nowrap;}.mright_top_itemct2::before {content: attr(text);// 渐变样式color: #ffffff !important;background: linear-gradient(to top, #ffe49c 5%, #ffffff 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;// 去除继承父级样式text-shadow: none;}
效果如图:
这篇关于css如何解决text-shadow和原本的字体颜色冲突的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!