JSFiddle - React, Tailwind, and code Playground
by JM note
HTML
<style>
.blue1 {
color: transparent;
text-shadow: 0 0 #fff, 0 0 2px blue;
}
.blue2 {
color: transparent;
text-shadow: 0 0 #fff, -1px 0 blue, 0 1px blue, 1px 0 blue, 0 -1px blue;
}
.blue3 {
color: transparent;
text-shadow: 0 0 2px rgba(255,255,255,0.5), 0 0 0 blue;
}
</style>
<div>ππππ»</div>
<div class="blue1">ππππ»</div>
<div class="blue2">ππππ»</div>
<div class="blue3">ππππ»</div>