Animate upload button

This commit is contained in:
Christoph Haas 2018-08-06 22:58:33 +02:00
parent 4060111b7f
commit a556ee2344
2 changed files with 20 additions and 18 deletions

View file

@ -93,23 +93,25 @@ div.thumb-height
// Animate the huge logo on the home page // Animate the huge logo on the home page
// #biglogo img { .uploadbutton {
// animation-name: logoappear; animation-name: pump;
// animation-duration: 1s; animation-duration: 3s;
// animation-iteration-count: 1; animation-delay: 2s;
// animation-timing-function: ease-out; animation-iteration-count: infinite;
// animation-direction: alternate; animation-timing-function: ease-out;
// } // animation-direction: alternate;
// @keyframes logoappear { }
// 0% { @keyframes pump {
// opacity: 0.0; 0% {
// transform: scale(0.7,0.7) rotate(20deg); transform: scale(1,1);
// } }
// 100% { 10% {
// opacity: 1; transform: scale(1.2,1.2);
// transform: scale(1,1) rotate(0deg); }
// } 20% {
// } transform: scale(1,1);
}
}
// ---------------------------------- // ----------------------------------

View file

@ -20,7 +20,7 @@
' Please help extend the collection of screenshots. ' Please help extend the collection of screenshots.
' Just make a screenshot and upload it here. You don't ' Just make a screenshot and upload it here. You don't
' need to register or anything. ' 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 // homepage
- if pkg.homepage.present? - if pkg.homepage.present?