JavaScript: Unobtrusive Upside Down Text

John Dyer implemented the much asked for upside down text JavaScript: — “There is a huge need for upside down text on the web. With everyone "going mobile," developers cannot simply rely on users having their screens oriented the same way all the time. I went through all of the possible options for creating upside down […]

Share online:

John Dyer implemented the much asked for upside down text JavaScript: — “There is a huge need for upside down text on the web. With everyone "going mobile," developers cannot simply rely on users having their screens oriented the same way all the time. I went through all of the possible options for creating upside down text and finally came up with a totally unobtrusive, Unicode enabled, completely web-changing piece of code (which is mostly from someone else and using this and this).”

To code this, give your HTML element a class called "upsidedowntext" and add the script in the header and you have pure greatness.

Result:

uoıʇ

About The Author

Deepak Gupta is a IT & Web Consultant. He is the founder and CEO of diTii.com & DIT Technologies, where he's engaged in providing Technology Consultancy, Design and Development of Desktop, Web and Mobile applications using various tools and softwares. Sign-up for the Email for daily updates. Google+ Profile.