diff --git a/src/less/base/single/input/checkbox.less b/src/less/base/single/input/checkbox.less
index 47d6e1088..9bf8f3542 100644
--- a/src/less/base/single/input/checkbox.less
+++ b/src/less/base/single/input/checkbox.less
@@ -4,7 +4,8 @@
   & .checkbox-content, &.checkbox-content {
     .border-radius(2px);
     border: 1px solid @color-bi-border-checkbox;
-    box-sizing: border-box;
+    .box-sizing(border-box);
+    .transition(all .1s);
     &:after {
       position: absolute;
       display: table;
@@ -18,6 +19,8 @@
       height: 9px;
       .box-sizing(border-box);
       .transform(rotate(45deg) scale(1) translate(-50%, -50%));
+      @transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
+      .transition(@transition);
       content: '';
     }
     &.hover, &:hover {
diff --git a/src/less/base/single/input/radio.less b/src/less/base/single/input/radio.less
index 6fb3008c3..334569278 100644
--- a/src/less/base/single/input/radio.less
+++ b/src/less/base/single/input/radio.less
@@ -5,6 +5,7 @@
     .border-radius(8px);
     border: 1px solid @color-bi-border-radio;
     .box-sizing(border-box);
+    .transition(all .1s);
     &:after {
       content: "";
     }
@@ -25,6 +26,8 @@
         .border-radius(3px);
         background-color: @color-bi-background-radio;
         .transform(translate(-50%, -50%));
+        @transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
+        .transition(@transition);
       }
     }
   }