feat: add animation

Felix Boerner

04.31.2024 b861527df4a00e6dec2141821f2c5a691a672440

feat: add animation

 assets/scss/_animation.scss

New file
@@ -0,0 +1,8 @@
//-------------------------------------------------------------------------------
// Fade In
//-------------------------------------------------------------------------------

@keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1;}
}

 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 {

 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";