<!DOCTYPE html> | |
<style> | |
body { | |
font-size: 40px; | |
} | |
.text-clip { | |
background: blue; | |
-webkit-background-clip: text; | |
color: rgba(255,0,0,0.5); | |
} | |
</style> | |
Passes if all texts below are purple. | |
<br> | |
<div class="text-clip"> Text1 Text2 </div> | |
<div class="text-clip"> Text3 Text4 </div> |