kibi/f0ckm
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

hgf

Browse Source
This commit is contained in:
kibi
2026-09-10 19:08:38 +02:00
parent 228c06735c
commit 118eda1de0
2 changed files with 14 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/s/css/f0ckm.css
+10 -18
View File
@@ -5698,32 +5698,32 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
grid-template-columns: 0fr 1fr 0fr; grid-template-columns: 0fr 1fr 0fr;
position: relative; position: relative;
max-width: 100%; max-width: 100%;
animation: contentSlideIn 0.42s cubic-bezier(0.16, 1, 0.3, 1) both; animation: contentSlideIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
will-change: transform, opacity; will-change: transform, opacity;
} }
.content.slide-next { .content.slide-next {
animation: contentSlideInRight 0.42s cubic-bezier(0.16, 1, 0.3, 1) both; animation: contentSlideInRight 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
} }
.content.slide-prev { .content.slide-prev {
animation: contentSlideInLeft 0.42s cubic-bezier(0.16, 1, 0.3, 1) both; animation: contentSlideInLeft 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
} }
.content.slide-out-left { .content.slide-out-left {
animation: contentSlideOutLeft 0.26s cubic-bezier(0.4, 0, 0.8, 1) forwards !important; animation: contentSlideOutLeft 0.38s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
pointer-events: none; pointer-events: none;
} }
.content.slide-out-right { .content.slide-out-right {
animation: contentSlideOutRight 0.26s cubic-bezier(0.4, 0, 0.8, 1) forwards !important; animation: contentSlideOutRight 0.38s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
pointer-events: none; pointer-events: none;
} }
@keyframes contentSlideIn { @keyframes contentSlideIn {
0% { 0% {
opacity: 0; opacity: 0;
transform: translateY(16px) scale(0.98); transform: translateY(24px) scale(0.96);
} }
100% { 100% {
opacity: 1; opacity: 1;
@@ -5733,45 +5733,37 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
@keyframes contentSlideInRight { @keyframes contentSlideInRight {
0% { 0% {
opacity: 0; transform: translateX(120px) scale(0.95);
transform: translateX(55px) scale(0.98);
} }
100% { 100% {
opacity: 1;
transform: translateX(0) scale(1); transform: translateX(0) scale(1);
} }
} }
@keyframes contentSlideInLeft { @keyframes contentSlideInLeft {
0% { 0% {
opacity: 0; transform: translateX(-120px) scale(0.95);
transform: translateX(-55px) scale(0.98);
} }
100% { 100% {
opacity: 1;
transform: translateX(0) scale(1); transform: translateX(0) scale(1);
} }
} }
@keyframes contentSlideOutLeft { @keyframes contentSlideOutLeft {
0% { 0% {
opacity: 1;
transform: translateX(0) scale(1); transform: translateX(0) scale(1);
} }
100% { 100% {
opacity: 0; transform: translateX(-120px) scale(0.95);
transform: translateX(-55px) scale(0.98);
} }
} }
@keyframes contentSlideOutRight { @keyframes contentSlideOutRight {
0% { 0% {
opacity: 1;
transform: translateX(0) scale(1); transform: translateX(0) scale(1);
} }
100% { 100% {
opacity: 0; transform: translateX(120px) scale(0.95);
transform: translateX(55px) scale(0.98);
} }
} }
public/s/js/f0ckm.js
+4 -1
View File
@@ -3841,7 +3841,10 @@ window.cancelAnimFrame = (function () {
const _itemCacheKey = ajaxUrl; const _itemCacheKey = ajaxUrl;
const _cachedItem = !options.skipCache ? itemCacheMap.get(_itemCacheKey) : null; const _cachedItem = !options.skipCache ? itemCacheMap.get(_itemCacheKey) : null;
if (window.randomizeLogo) window.randomizeLogo(); // Allow slide-out animation to visibly start before content swap
if (options.direction && document.querySelector('.content')) {
await new Promise(r => setTimeout(r, 180));
}
// ── CACHE HIT: render immediately, revalidate in background ──────────── // ── CACHE HIT: render immediately, revalidate in background ────────────
if (_cachedItem) { if (_cachedItem) {