How to make the CSS width property go from bottom to top
I'm making a web app for Google Chrome (so no need for cross browser support) and I'm making an animated tutorial that will run when it first boots. I'm drawing a box on the screen by having four different div elements with
-webkit-transform:rotate(180deg) but that didn't really help. Here's the code:
Tutorial - Inscribe
The issue lies with your initial position of the top and right divs. If you make the following changes to your right and top classes, I think you will achieve your desired effect.
.right change top:10px; to bottom:10px;
.top change left:13px; to right:13px;
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here