Skip to content

Commit

Permalink
fix: Badge Animation enter and leave in RTL
Browse files Browse the repository at this point in the history
  • Loading branch information
hmz22 authored Mar 21, 2022
1 parent 0a90ac3 commit 87f1866
Showing 1 changed file with 34 additions and 0 deletions.
34 changes: 34 additions & 0 deletions components/badge/style/rtl.less
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,19 @@
}
}
}

&-zoom-appear,
&-zoom-enter {
.@{badge-prefix-cls}-rtl & {
animation-name: antZoomBadgeInRtl;
}
}

&-zoom-leave {
.@{badge-prefix-cls}-rtl & {
animation-name: antZoomBadgeOutRtl;
}
}
}

.@{ribbon-prefix-cls}-rtl {
Expand Down Expand Up @@ -65,3 +78,24 @@
}
}
}


@keyframes antZoomBadgeInRtl {
0% {
transform: scale(0) translate(-50%, -50%);
opacity: 0;
}
100% {
transform: scale(1) translate(-50%, -50%);
}
}

@keyframes antZoomBadgeOutRtl {
0% {
transform: scale(1) translate(-50%, -50%);
}
100% {
transform: scale(0) translate(-50%, -50%);
opacity: 0;
}
}

0 comments on commit 87f1866

Please sign in to comment.