diff options
Diffstat (limited to 'assets/scss')
-rw-r--r-- | assets/scss/home.scss | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/assets/scss/home.scss b/assets/scss/home.scss index eec293b..b380b1f 100644 --- a/assets/scss/home.scss +++ b/assets/scss/home.scss @@ -502,6 +502,7 @@ body > footer { padding: 1rem 2rem; } + .media #vdo, .media #vda { left: 0; background: rgba(112, 166, 191, 0.5); @@ -513,6 +514,7 @@ body > footer { display: none; } } + .media #vdo video, .media #vda video { position: absolute; top: 50%; @@ -525,18 +527,22 @@ body > footer { z-index: -101; opacity: 0.1; } + .media #vdo:hover video, .media #vda:hover video { opacity: 1; } + .media #vdo:hover, .media #vda:hover { background: rgba(112, 166, 191, 0.9); margin: 0; transform: rotate(0); width: 40vw; } + .media #vdo h3, .media #vda h3 { transform: rotate(5deg) translateX(-2vw); } + .media #vdo:hover h3, .media #vda:hover h3 { transform: rotate(0) translateX(0) translateY(-5rem); color: rgba(109, 144, 162, 0.7); |