From b861527df4a00e6dec2141821f2c5a691a672440 Mon Sep 17 00:00:00 2001
From: Felix Boerner <ich@felix-boerner.de>
Date: Mon, 11 Nov 2024 13:26:11 +0000
Subject: [PATCH] feat: add animation
---
assets/scss/_animation.scss | 8 ++++++++
assets/scss/split.scss | 5 +++++
assets/scss/_content.scss | 1 +
3 files changed, 14 insertions(+), 0 deletions(-)
diff --git a/assets/scss/_animation.scss b/assets/scss/_animation.scss
new file mode 100644
index 0000000..eeba288
--- /dev/null
+++ b/assets/scss/_animation.scss
@@ -0,0 +1,8 @@
+//-------------------------------------------------------------------------------
+// Fade In
+//-------------------------------------------------------------------------------
+
+@keyframes fadein {
+ from { opacity: 0;}
+ to { opacity: 1;}
+}
diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index c5f68ff..ea70212 100644
--- a/assets/scss/_content.scss
+++ b/assets/scss/_content.scss
@@ -13,6 +13,7 @@
max-height: 100vh;
background-color: #0b1c2f;
font-family: Inter, sans-serif;
+ animation: $animation-name $animation-duration;
}
.leftcontent {
diff --git a/assets/scss/split.scss b/assets/scss/split.scss
index 07d29aa..a4e66b1 100644
--- a/assets/scss/split.scss
+++ b/assets/scss/split.scss
@@ -19,11 +19,16 @@
$image-background : {{ if .Site.Params.visual.image.enable }}url('../{{ .Site.Params.visual.image.file | default "images/background.jpg" }}'){{ else }}none{{ end }};
$image-position : {{ if .Site.Params.visual.image.enable }}{{ .Site.Params.visual.image.position | default "center center" }}{{ else }}0% 0%{{ end }};
+// Animation
+$animation-name : fadein;
+$animation-duration : 2s;
+
//-------------------------------------------------------------------------------
// Imports
//-------------------------------------------------------------------------------
@import "normalize";
@import "webflow";
+@import "animation";
@import "fonts";
@import "content";
--
Gitblit v1.10.0