文字颜色与背景颜色转换

		<view class="test_box text-center">
			<view class="test_text">
				测试代码
			</view>
		</view>
		<style>
			 .test_box{
			    height:400rpx;
			    line-height: 400rpx;
			    background-image: linear-gradient(151deg, #fff 50%, #000 50%);
			  }
			
			.test_text{
			    font-size: 70rpx;
			    color: #000;
			    filter: invert(100%);
			    mix-blend-mode: difference;
			    transform: translateX(10rpx);
			    transition: all 2s;
			  }
			  .test_text:hover {
			    transform: translateX(100rpx);
			  }
		</style>

                                                       图片展示