Image transitions are often used to bring attention to the image the cursor is above. As transitions are triggered by the hover event, they are less useful on devices which use a finger for navigation. The transition occurs on keypress with these devices. To add a transition to an image, perform the following steps.

1. copy the class to the clipboard
2. click the desired image to select
3. select (​​) to edit
4. under advanced options paste clipboard to class option
5. click the Update button

 

appearance

nudge

class: trn:nudge!hover

 

grow

class: trn:grow!hover

 

grow shadow

class: trn:grow-shadow!hover

 

greyscale

class: trn:greyscale!hover

 

focalpoint

class: trn:focalpoint!hover

 

shadow

class: trn:shadow!hover

 

glow

class: trn:glow!hover

 

drop shadow

class: trn:drop-shadow!hover