Rotating Text Navigation (OK)

by Ken Watanabe

HTML

<nav>
<h2 class="right">
    Click or Swipe
</h2>
</nav>

CSS

h2 {
    font-size:100%;
    padding:0;
    margin:0;
    position:fixed;
}
.right {
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: translate(50%, -50%) rotate(90deg);
    -moz-transform: translate(50%, -50%) rotate(90deg);
    -ms-transform: translate(50%, -50%) rotate(90deg);
    -o-transform: translate(50%, -50%) rotate(90deg);
    transform: translate(50%, -50%) rotate(90deg);
    top: 50%;
    right: 30px;
}