moz-transform-origin: 50%; -o-transform-origin:

webdesign css3


CSS3 Transform



Some reusable classes for CSS3 transform effects



.rotate-45 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);  }


.rotate75  { -webkit-transform: rotate(75deg); -moz-transform: rotate(75deg); -o-transform: rotate(75deg);  }


.rotate90  { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);  }


.rotate90plus { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -o-transform-origin: 50%;  }


.scale02  { -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2);  }


.scaleX2  { -webkit-transform: scaleX(2); -moz-transform: scaleX(2); -o-transform: scaleX(2);  }


.scaleY15 { -webkit-transform: scaleY(1.5); -moz-transform: scaleY(1.5); -o-transform: scaleY(1.5);  }


.skewX10 { -webkit-transform: skewX(10deg); -moz-transform: skewX(10deg); -o-transform: skewX(10deg);  }


.skewX30 { -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -o-transform: skewX(30deg);  }


.skewY20 { -webkit-transform: skewY(20deg); -moz-transform: skewY(20deg); -o-transform: skewY(20deg);  }




i feel so much better, holy shit. i have to work out a

sushi dinner



you guys, i got my sushi.


with as little help from my mother as possible, so that’s still kind of shot, but. 


i feel so much better, holy shit. i have to work out a way to make sure i get a certain amount of protein more regularly, because clearly i can’t be trusted to do so without some kind of plan, lol.


(also there are spicy tuna rolls, too, be jealous)