diff --git a/components/lib/image/Image.d.ts b/components/lib/image/Image.d.ts
index 2d05dd609..ff0a8db9a 100644
--- a/components/lib/image/Image.d.ts
+++ b/components/lib/image/Image.d.ts
@@ -103,6 +103,10 @@ export interface ImagePassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**
diff --git a/components/lib/image/Image.vue b/components/lib/image/Image.vue
index fef39dd98..6cbd7825c 100644
--- a/components/lib/image/Image.vue
+++ b/components/lib/image/Image.vue
@@ -41,7 +41,7 @@
                         </slot>
                     </button>
                 </div>
-                <transition name="p-image-preview" @before-enter="onBeforeEnter" @enter="onEnter" @leave="onLeave" @before-leave="onBeforeLeave" @after-leave="onAfterLeave">
+                <transition name="p-image-preview" @before-enter="onBeforeEnter" @enter="onEnter" @leave="onLeave" @before-leave="onBeforeLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
                     <div v-if="previewVisible" v-bind="ptm('previewContainer')">
                         <slot name="preview" :style="imagePreviewStyle" :onClick="onPreviewImageClick">
                             <img :src="$attrs.src" :class="cx('preview')" :style="imagePreviewStyle" @click="onPreviewImageClick" v-bind="ptm('preview')" />