function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Bryn JonesBryn Jones 

Rotate Image in VF Page

Is there a way to specify a picture to be rotated 90 deg when using apex:image in a vf page?
Deepak GulianDeepak Gulian
<apex:page id="page"> 
    <style>
    .logo {
           -ms-transform: rotate(90deg); /* IE 9 */
           -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
          transform: rotate(90deg);
    } 
    </style>
    <apex:image styleClass="logo" url="https://developer.salesforce.com/salesforce-header-logo.png"/>          

</apex:page>
Try this.
 
vigneshwar kothavigneshwar kotha
Hi,

<apex:page id="page"> 
<style>
    .logo {
           -ms-transform: rotate(90deg); /* IE 9 */
           -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
          transform: rotate(90deg);
    } 
    img:hover
    {
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.3s ease-in-out 0s;
     }
 </style>
    <apex:image styleClass="logo" url="https://vigneshb1-dev-ed--c.ap2.visual.force.com/img/seasonLogos/2016_spring.png" id="rotate"/> 
</apex:page>