From 55b562449b3cc3100fb95faab91738a0141d0270 Mon Sep 17 00:00:00 2001 From: “Ryder <“r@okfoc.us”> Date: Tue, 29 Mar 2016 15:01:55 -0400 Subject: couple of small properties to test animations --- public/assets/ok.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'public') diff --git a/public/assets/ok.css b/public/assets/ok.css index c8b0d40..a7b6eda 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -352,6 +352,25 @@ nav b { font-weight: normal; } +/*animations*/ + +.bottom * { + transform:translateY(0px); + transition:150ms transform, 150ms opacity; + transition-timing-function: cubic-bezier(0, 0, 0, 1); + opacity:1; +} + +.showing .bottom > * { + transform:translateY(20px); + +} + +.hiding .bottom > * { + transform:translateY(-20px); + opacity:0; + +} /* Flickity */ -- cgit v1.2.3-70-g09d2