How to reverse an email address for obfuscation

In an attempt to obfuscate the email address, I would like to reverse the email address shown in the code.

The idea is to populate the page using the reverse email address and show the correct email address using CSS.

.reverse { 
    unicode-bidi: bidi-override;
    direction: rtl;
}

At the moment, I am at the stage where the code shows the correct email address and the browser shows the reversed address. What I need is to retrieve the reverse email address from the server.

image1493×586 98 KB

This is what I envisage the outcome to be

image1272×191 30.2 KB