ant-design/components/style/core/motion/fade.less

35 lines
478 B
Plaintext
Raw Normal View History

.fade-motion(@className, @keyframeName) {
@name: ~'@{ant-prefix}-@{className}';
.make-motion(@name, @keyframeName);
.@{name}-enter,
.@{name}-appear {
opacity: 0;
animation-timing-function: linear;
}
.@{name}-leave {
animation-timing-function: linear;
}
2015-07-01 17:25:16 +08:00
}
.fade-motion(fade, antFade);
2015-07-01 17:25:16 +08:00
2015-09-15 15:00:23 +08:00
@keyframes antFadeIn {
2015-07-01 17:25:16 +08:00
0% {
opacity: 0;
}
2015-07-01 17:25:16 +08:00
100% {
opacity: 1;
}
}
2015-09-15 15:00:23 +08:00
@keyframes antFadeOut {
2015-07-01 17:25:16 +08:00
0% {
opacity: 1;
}
2015-07-01 17:25:16 +08:00
100% {
opacity: 0;
}
2015-07-09 11:04:45 +08:00
}