SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot ajaxdinesh's Avatar
    Join Date
    Apr 2009
    Location
    India
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Vertical Text in CSS or JS

    Is it possible to implement a vertical text in CSS or Javascript?

    Give me the idea... I found the css code in some one url... I have given below. But am not sure its working all browsers or not.

    <style>
    <!--
    .verticaltext {
    writing-mode: tb-rl;
    filter: flipv fliph;
    }
    -->
    </style>

    <div class="verticaltext">Test-1</div>


    OR

    <style>

    .vtext{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progidXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    </style>

    <div class="vtext">Test-1</div>
    Cheers,
    Dinesh

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    There is a better example here. Won't work in opera or older browsers and uses the filter for IE.

  3. #3
    SitePoint Zealot ajaxdinesh's Avatar
    Join Date
    Apr 2009
    Location
    India
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile

    Thanks for your help
    Cheers,
    Dinesh

  4. #4
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    -o-transform:rotate(30deg); works in Opera


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •