Animate upload button
This commit is contained in:
parent
4060111b7f
commit
a556ee2344
2 changed files with 20 additions and 18 deletions
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
// ----------------------------------
|
||||
|
||||
|
|
|
|||
|
|
@ -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?
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue