From a3021cad0966cdce394b5d93dd630a2789bfc26a Mon Sep 17 00:00:00 2001 From: tynanpurdy Date: Mon, 17 Jun 2019 17:42:31 -0400 Subject: [PATCH] css animation test --- main.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/main.css b/main.css index dab6495..a48ad4a 100644 --- a/main.css +++ b/main.css @@ -23,7 +23,10 @@ body { margin-right: 1em !important; } .nav-link:hover { - color: #000; + animation-name: test-animation; + animation-duration: 200ms; + animation-fill-mode: forwards; + /*color: #000;*/ } .navbar-collapse { justify-content: flex-end; @@ -31,9 +34,12 @@ body { .header { background-image: url('imgs/header-background.jpg'); + background-attachment: fixed; + background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; + height: 100%; } .overlay { @@ -54,6 +60,11 @@ body { color: #fff; } +@keyframes test-animation { + from {color: #fff; font-weight: normal;} + to {color: #000; font-weight: bold;} +} + /*--- description ---*/ .description { left: 50%; -- 2.51.2