From d0c6f879f2e007dc1323a0ba0af4b8507b4fdbb9 Mon Sep 17 00:00:00 2001 From: s-ol Date: Fri, 23 Nov 2018 18:35:29 +1100 Subject: loading animations --- scss/_header.scss | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'scss/_header.scss') diff --git a/scss/_header.scss b/scss/_header.scss index b3a6898..5613829 100644 --- a/scss/_header.scss +++ b/scss/_header.scss @@ -29,5 +29,12 @@ header { font-weight: 800; font-size: 0.7em; vertical-align: -0.04em; + + transform: perspective(100rem) rotateY(0deg); + transition: transform 100ms; + + body.loading & { + transform: perspective(100rem) rotateY(90deg); + } } } -- cgit v1.2.3