image transitions
Guides: Image Transitions |
List Pages
quick links
Relevant Links
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.
- copy the class to the clipboard
- click the desired image to select
- select () to edit
- under advanced options paste clipboard to class option
- 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