ACIL FM

Pilih semua

Nama	Ukuran	Aksi
flippers.scss	106 B	View DL Edit
_flip.scss	1.07 MB	View DL Edit
_flipInX.scss	769 B	View DL Edit
_flipInY.scss	769 B	View DL Edit
_flipOutX.scss	623 B	View DL Edit
_flipOutY.scss	623 B	View DL Edit

Edit file: /home/mhhtmff/timbrature/NH-HR-test/ds/css/plugins/animate.scss/_flippers/_flip.scss

@include keyframes(flip) {
  0% {
    @include transform(perspective(400px) rotateY(0));
    animation-timing-function: ease-out;
  }
  40% {
    @include transform(perspective(400px) translateZ(150px) rotateY(170deg));
    animation-timing-function: ease-out;
  }
  50% {
    @include transform(perspective(400px) translateZ(150px) rotateY(190deg) scale(1));
    animation-timing-function: ease-in;
  }
  80% {
    @include transform(perspective(400px) rotateY(360deg) scale(.95));
    animation-timing-function: ease-in;
  }
  100% {
    @include transform(perspective(400px) scale(1));
    animation-timing-function: ease-in;
  }
}

@mixin flip($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) {
  @include transform-style(preserve-3d);
  @include animation-name(flip);
  @include count($count);
  @include duration($duration);
  @include delay($delay);
  @include function($function);
  @include fill-mode($fill);
  @include visibility($visibility);
}

Batal

Isi Zip:

Create