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
// #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);
}
}
// ----------------------------------

View file

@ -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?