diff --git a/packages/popup/index.wxml b/packages/popup/index.wxml
index 4707d8ac..95c07bbd 100644
--- a/packages/popup/index.wxml
+++ b/packages/popup/index.wxml
@@ -9,7 +9,7 @@
 <view
   wx:if="{{ inited }}"
   class="custom-class van-popup {{ position ? 'van-popup--' + position : '' }}"
-  style="z-index: {{ zIndex }}; animation-name: van-{{ transition || position }}-{{ type }}; animation-duration: {{ duration }}ms; {{ display ? '' : 'display: none;' }}{{ customStyle }}"
+  style="z-index: {{ zIndex }}; -webkit-animation: van-{{ transition || position }}-{{ type }} {{ duration }}ms both; animation: van-{{ transition || position }}-{{ type }} {{ duration }}ms both; {{ display ? '' : 'display: none;' }}{{ customStyle }}"
   bind:animationend="onAnimationEnd"
 >
   <slot />
diff --git a/packages/transition/index.wxml b/packages/transition/index.wxml
index f66cbdf0..f6deb0d3 100644
--- a/packages/transition/index.wxml
+++ b/packages/transition/index.wxml
@@ -1,7 +1,7 @@
 <view
   wx:if="{{ inited }}"
   class="van-transition custom-class"
-  style="animation-name: van-{{ name }}-{{ type }}; animation-duration: {{ duration }}ms; {{ display ? '' : 'display: none;' }} {{ customStyle }}"
+  style="-webkit-animation: van-{{ name }}-{{ type }} {{ duration }}ms both; animation: van-{{ name }}-{{ type }} {{ duration }}ms both; {{ display ? '' : 'display: none;' }} {{ customStyle }}"
   bind:animationend="onAnimationEnd"
 >
   <slot />