Vertical button

Just a bit of Friday fun, but how about a vertical button? Have a look at this page (opens in a new window).
The code:

input.s1 {
width:120px;
height:30px;
writing-mode:tb-rl;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
}

This button goes up and down, as does the text:
<input type=”button” class=”s1″ value=”vertical button?” onclick=”alert(‘Oh yeah!’);”>
ref: http://scottgale.com/blog/css-vertical-text/2010/03/01/

Question is what earthly purpose would make anyone want to create such a button? Answers on a postcard…

Advertisements

About this entry