@arco-design/web-vue/es/input-tag/style/index.less

Arco Design Vue 2.0: A Vue.js 3 UI Library

@import './input-tag.less';

@input-tag-prefix-cls: ~'@{prefix}-input-tag';

.@{input-tag-prefix-cls} {
  .input-tag-style(@input-tag-prefix-cls);
}

.input-tag-zoom-enter-from {
  transform: scale(0.5, 0.5);
  opacity: 0;
}

.input-tag-zoom-enter-to {
  transform: scale(1, 1);
  opacity: 1;
}

.input-tag-zoom-enter-active {
  transition: all @transition-duration-3 @transition-timing-function-standard;
}

.input-tag-zoom-leave-from {
  transform: scale(1, 1);
  opacity: 1;
}

.input-tag-zoom-leave-to {
  transform: scale(0.5, 0.5);
  opacity: 0;
}

.input-tag-zoom-leave-active {
  position: absolute;
  transition: all @transition-duration-3 @transition-timing-function-overshoot;
}

.input-tag-zoom-move {
  transition: all @transition-duration-3 @transition-timing-function-overshoot;
}