html - How can i rotate a title 270 degrees? -
i have website want rotate title 270deg on! have seen many other posts don't seem working me! below code of item want rotate! put code , put? want put in code! whole segment text!
/* logo css*/ #logo_index_text a, #logo_index_left a, .logo_permalink_page { font-weight: {text:weight logo index}; font-family: {font:font logo}; color: {color:text logo}; } #logo_index_left{left:{text:position logo left}} #logo_index_left {top:{text:position logo top}} #logo_index_text a, #logo_index_left { letter-spacing: {text:letterspacing logo}; font-size: {text:fontsize logo index}; line-height: {text:lineheight logo} } {block:ifnotlogoopacityonhover} #logo_index_text a:hover, #logo_index_left a:hover{ opacity: 1 !important} {/block:ifnotlogoopacityonhover} .logo_permalink_page{font-size: {text:fontsize logo perma}}
the code have tried is:
-moz-transform: rotate(270deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(270deg); -webkit-transform-origin: 50% 50%;
and
-moz-transform: rotate(7.5deg); /* ff3.5+ */ -o-transform: rotate(7.5deg); /* opera 10.5 */ -webkit-transform: rotate(7.5deg); /* saf3.1+, chrome */
and
-webkit-transform: rotate(320deg); -moz-transform: rotate(320deg); -o-transform: rotate(320deg);
thanks in advance! :)
here simplest place start. me main logocss seems bit of mess, bear in mind need have display: block
rotate.
fiddle: http://jsfiddle.net/jjbgz/3/
Comments
Post a Comment