css三角形实现 css这种三角文字排列方式怎么实现？

css这种三角文字排列方式怎么实现？用一个白色的，边沿虚化的，透明格式（如PNG）的直角三角形图片覆盖在文字上面即可。这是最简单的方法。也可以利用css3的底色渐变方式，在文字上面覆盖一个空白层，然后

css这种三角文字排列方式怎么实现？

用一个白色的，边沿虚化的，透明格式（如PNG）的直角三角形图片覆盖在文字上面即可。这是最简单的方法。也可以利用css3的底色渐变方式，在文字上面覆盖一个空白层，然后填充一个渐变的底色即可，比如：<div style="position:relative width:500px height:250px"><script>for(var i=0i<60i )document.write("css问题咨询")</script><div style="position:absolute left:0 top:0 width:100% height:100% background: linear-gradient(158deg， rgba(255，255，255，0) 44%，rgba(255，255，255，1) 46%)"></div></div>