Added property to set transition name on the overlay (#296)

* Added property to set transition name on the overlay

README.md

@@ -267,6 +267,7 @@ There is also a ssr build with css file extracted. Take a look in /dist folder.
 | reset     | false | Boolean          | false       | Resets position and size before showing modal |
 | clickToClose | false | Boolean       | true        | If set to `false`, it will not be possible to close modal by clicking on the background |
 | transition| false | String           |             | Transition name |
+| overlayTransition| false | String           | 'overlay-fade'| Transition name for the background overlay |
 | classes   | false | [String, Array]  | 'v--modal'| Classes that will be applied to the actual modal box, if not specified, the default 'vue--modal' class will be applied |
 | width     | false | [String, Number] | 600         | Width in pixels or percents (e.g. 50 or "50px", "50%") |
 | height    | false | [String, Number] | 300         | Height in pixels or percents (e.g. 50 or "50px", "50%") or `"auto"` |

src/Modal.vue

@@ -1,5 +1,5 @@
 <template>
-  <transition name="overlay-fade">
+  <transition :name="overlayTransition">
     <div v-if="visibility.overlay"
           ref="overlay"
           :class="overlayClass"
@@ -64,6 +64,10 @@ export default {
       type: Boolean,
       default: false
     },
+    overlayTransition: {
+        type: String,
+        default: 'overlay-fade'
+    },
     transition: {
       type: String
     },