From a556ee23447fdfdbcd4487e45a9a063e33a369e2 Mon Sep 17 00:00:00 2001 From: Christoph Haas Date: Mon, 6 Aug 2018 22:58:33 +0200 Subject: [PATCH] Animate upload button --- app/assets/stylesheets/my_styles.scss | 36 ++++++++++++----------- app/views/packages/_details_rightbox.slim | 2 +- 2 files changed, 20 insertions(+), 18 deletions(-) diff --git a/app/assets/stylesheets/my_styles.scss b/app/assets/stylesheets/my_styles.scss index 152027a..35ac43c 100644 --- a/app/assets/stylesheets/my_styles.scss +++ b/app/assets/stylesheets/my_styles.scss @@ -93,23 +93,25 @@ div.thumb-height // Animate the huge logo on the home page -// #biglogo img { -// animation-name: logoappear; -// animation-duration: 1s; -// animation-iteration-count: 1; -// animation-timing-function: ease-out; -// animation-direction: alternate; -// } -// @keyframes logoappear { -// 0% { -// opacity: 0.0; -// transform: scale(0.7,0.7) rotate(20deg); -// } -// 100% { -// opacity: 1; -// transform: scale(1,1) rotate(0deg); -// } -// } +.uploadbutton { + animation-name: pump; + animation-duration: 3s; + animation-delay: 2s; + animation-iteration-count: infinite; + animation-timing-function: ease-out; + // animation-direction: alternate; +} +@keyframes pump { + 0% { + transform: scale(1,1); + } + 10% { + transform: scale(1.2,1.2); + } + 20% { + transform: scale(1,1); + } +} // ---------------------------------- diff --git a/app/views/packages/_details_rightbox.slim b/app/views/packages/_details_rightbox.slim index 86fb85c..3983765 100644 --- a/app/views/packages/_details_rightbox.slim +++ b/app/views/packages/_details_rightbox.slim @@ -20,7 +20,7 @@ ' Please help extend the collection of screenshots. ' Just make a screenshot and upload it here. You don't ' need to register or anything. - a.button.small.expand href=upload_path(pkg.name) Upload now + a.button.small.expand.uploadbutton href=upload_path(pkg.name) Upload a screenshot // homepage - if pkg.homepage.present?