Initial commit: Fat Kiss site — Hugo + Decap CMS
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
/* ── Arcade grid background (subtle) ── */
|
||||
.arcade-grid-bg {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.arcade-grid-bg::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-image:
|
||||
linear-gradient(var(--fk-grid-line) 1px, transparent 1px),
|
||||
linear-gradient(90deg, var(--fk-grid-line) 1px, transparent 1px);
|
||||
background-size: 40px 40px;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* ── Page transitions ── */
|
||||
.page-enter {
|
||||
animation: fadeInUp 0.5s var(--fk-ease-out) both;
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
from { opacity: 0; transform: translateY(16px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
/* ── Image hover zoom ── */
|
||||
.img-hover-zoom {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.img-hover-zoom img {
|
||||
transition: transform 0.6s var(--fk-ease-out);
|
||||
}
|
||||
|
||||
.img-hover-zoom:hover img {
|
||||
transform: scale(1.04);
|
||||
}
|
||||
Reference in New Issue
Block a user