Flip text (not image) using javascript, preferably or PHP

Posted on 2009-04-22
Last Modified: 2013-11-19
Hi -

I need to print out a greeting card that is folded in half then in half again to look like what you might purchase from the store. In order to make the card display properly some of the text will need to be upside down on the page prior to folding it.

Is there any CSS/Javascript/AJAX or PHP (last resort) code that can turn text upside down? I'd like to do this on the front-end not the server side. It doesn't need to be editable after the flip.

Of course, it needs to be compatible with IE, FireFox, Chrome, and Safari.

Question by:janeworley
    1 Comment
    LVL 2

    Accepted Solution

    There is no CSS/Javascript code that can do that. To do it serverside using PHP look at this function for example - using the angle parameter will flip your text. It is also possible using embedded SVG, but that excludes MSIE from your list of supported browsers.

    To stay client-sided you can use Adobe Flash to flip text and images. Communication between flash and browser works with javascript or through loading a server page dynamically.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Android App Development

    This course will involve creating widgets, customize list view, grid view, spinners, etc. Creating applications using audio, video, and SQLite database. Ending with publication on Google Play.

    Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
    SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
    This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
    This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now