From 7253768ec0193dcb040623d29240527f89c6e93c Mon Sep 17 00:00:00 2001
From: Maurizio De Santis <desantis.maurizio@gmail.com>
Date: Tue, 5 May 2020 13:01:57 +0200
Subject: [PATCH] Straight rotated aside elements out on hover

I love the rotate effect on aside elements, but it compromises readability, especially on video elements. Here we straight them out on hover with a good looking ease effect.
---
 src/resources/css/v2-landing.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/resources/css/v2-landing.css b/src/resources/css/v2-landing.css
index e9ee7b1..e6c229a 100644
--- a/src/resources/css/v2-landing.css
+++ b/src/resources/css/v2-landing.css
@@ -316,6 +316,13 @@ asciinema-player {
 	box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);
 }
 
+.display > * {
+	transition: transform 0.5s;
+}
+.display:hover > * {
+	transform: none;
+}
+
 .display.right > * {
 	transform: rotateY(-25deg);
 }
@@ -388,4 +395,4 @@ section.gray {
 	.asides > * { 
 		margin-right: 0;
 	}
-}
\ No newline at end of file
+}