mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-02-10 23:36:14 -05:00
Animations
This commit is contained in:
parent
72732f9163
commit
039a053e07
1 changed files with 38 additions and 0 deletions
38
core/client/assets/sass/helpers/animations.scss
Executable file
38
core/client/assets/sass/helpers/animations.scss
Executable file
|
@ -0,0 +1,38 @@
|
||||||
|
//
|
||||||
|
// Fade in
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
@include keyframes(fade-in) {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.fade-in {
|
||||||
|
@include animation(fade-in 0.2s);
|
||||||
|
}
|
||||||
|
|
||||||
|
@include keyframes(fade-in-snap) {
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//
|
||||||
|
// Fade out
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
@include keyframes(fade-out) {
|
||||||
|
from {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.fade-out {
|
||||||
|
@include animation(fade-out 0.5s);
|
||||||
|
}
|
Loading…
Add table
Reference in a new issue