Log In

Email:
Password:
Keep me logged in

Forgot Password

Email:

wcet, w.c.e.t., designs, william, thomas



Archives
Categories
Sponsored Links


Upside Down Text
CSS jQuery JavaScript
Saturday, August 4, 2012 | Browse Category |

Displays the text upside down and in reverse using CSS and jQuery/JavaScript for custom text.







Code:
<html>
<head>

<script src="http://wcetdesigns.com/assets/javascript/jquery.js"></script>
<script>

function ud(s){
  $("#ud").html(s);
}
</script>
<style>
.box {
  width: auto;
  word-wrap: break-word;
}
#ud {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

</style>
</head>
<body>

<input onKeyUp="ud(this.value)" placeholder="Enter text here">
<div class="box">
<div id="ud"></div>
</div>
</body>
</html>

 2    1
1,091     31




(Optional)

(Optional in case you want a reply)



0 Comments