bellord/kit
1
0
Fork 0
mirror of https://bitbucket.org/bellord13/kit.git synced 2026-11-14 03:06:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
bellord
2021-12-16 13:04:32 +03:00
parent b94cb967a6
commit 636cd65c78
21 changed files with 342 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/animations/animations.css
+56 -1
View File
@@ -42,4 +42,59 @@
transform: scale(0.5);
opacity: 0;
}
}
}
.anim-fade-in {
-webkit-animation: fade-in 0.15s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in 0.15s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.anim-fade-in-top {
-webkit-animation: fade-in-top 0.15s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-top 0.15s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-top {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-top {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.anim-fade-out {
-webkit-animation: fade-out 0.15s ease-out both;
animation: fade-out 0.15s ease-out both;
}
@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}
.anim-fade-out-top{-webkit-animation:fade-out-top .15s cubic-bezier(.25,.46,.45,.94) both;animation:fade-out-top .15s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes fade-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}}@keyframes fade-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}}
assets/animations/animations.js
+6 -2
View File
@@ -1,5 +1,5 @@
/**
* https://animista.net/
* @link https://animista.net/
* @module animations
**/
kit.PluginManager.register('animations',function(module, exports, require, global) {
@@ -10,9 +10,13 @@ kit.PluginManager.register('animations',function(module, exports, require, globa
var animations = {
scaleIn: 'anim-scale-in',
scaleOut: 'anim-scale-out',
fadeIn: 'anim-fade-in',
fadeInTop: 'anim-fade-in-top',
fadeOut: 'anim-fade-out',
fadeOutTop: 'anim-fade-out-top',
};
Object.assign(animations, global.animations || {});
//Object.assign(animations, global.animations || {});
return module.exports = animations;
});