chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Animate upload button

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

36
app/assets/stylesheets/my_styles.scss
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);
}
}
// ----------------------------------