chowa/es/styles/transition/zoom-horizontal.css

UI component library based on React

/**
 * @license chowa v1.1.3
 *
 * Copyright (c) Chowa Techonlogies Co.,Ltd.(http://www.chowa.cn).
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.cw-zoom-appear {
  animation-timing-function: ease-in-out;
  animation-duration: 0.2s; }

@keyframes cw-zoom-horizontal {
  0% {
    transform: scaleX(0);
    opacity: 0; }
  100% {
    transform: scaleX(1);
    opacity: 1; } }

.cw-zoom-left-enter {
  transform-origin: right;
  animation-name: cw-zoom-horizontal; }

.cw-zoom-left-leave {
  transform-origin: right;
  animation-name: cw-zoom-horizontal;
  animation-direction: reverse; }

.cw-zoom-right-enter {
  transform-origin: left;
  animation-name: cw-zoom-horizontal; }

.cw-zoom-right-leave {
  transform-origin: left;
  animation-name: cw-zoom-horizontal;
  animation-direction: reverse; }