diff --git a/layouts/default.vue b/layouts/default.vue
index dec74b0a0e..1eec8763bf 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -253,6 +253,16 @@ export default {
 </script>
 
 <style lang="scss">
+.page-enter-active,
+.page-leave-active {
+  transition: ease-in-out 100ms;
+}
+
+.page-enter,
+.page-leave-to {
+  opacity: 0;
+}
+
 .layout {
   background-color: var(--color-bg);
   display: block;