From 0dd95dc285a0188fdcb89aec0dd7eb6acb137f17 Mon Sep 17 00:00:00 2001 From: Scott Worley Date: Thu, 27 Feb 2014 23:08:22 -0800 Subject: [PATCH] Add a message-displaying area --- picsorter.css | 29 +++++++++++++++++++++++++++++ picsorter.html | 1 + 2 files changed, 30 insertions(+) diff --git a/picsorter.css b/picsorter.css index d6cd666..b99fc9e 100644 --- a/picsorter.css +++ b/picsorter.css @@ -1,3 +1,32 @@ +@-webkit-keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} +@keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} + +#message { + position: fixed; + font-size: 18pt; + margin: 2em; + border-radius: 10px; + padding: .3em; + color: white; + font-weight: bold; + font-family: sans-serif; + background-color: rgba(200,200,200,0.5); +} + +.fade { + opacity: 0; + animation-duration: 2s; + animation-name: fadeOut; + -webkit-animation-duration: 2s; + -webkit-animation-name: fadeOut; +} + .fit_view { max-width: 100%; max-height: 100%; diff --git a/picsorter.html b/picsorter.html index a6bbaa9..f609060 100644 --- a/picsorter.html +++ b/picsorter.html @@ -7,6 +7,7 @@ +

Welcome to picsorter

-- 2.44.1