scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-25 20:29:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions4

Make the remix button spin the correct the direction

Browse source
This commit is contained in:
Paul Kaplan 2018-12-12 15:38:00 -05:00
parent a3afa5e482
commit 3aeda2208b
1 changed files with 3 additions and 12 deletions

15
src/views/preview/preview.scss
View file

@ -291,36 +291,27 @@ $stage-width: 480px;
animation-direction: normal;
width: 1.25rem;
height: 1.25rem;
-webkit-animation-name: intro, spin;
-webkit-animation-duration: .25s, .75s;
-webkit-animation-iteration-count: 1, infinite;
-webkit-animation-delay: 0s, .25s;
-webkit-animation-timing-function: cubic-bezier(.3, -3, .6, 3), ease-out;
transform-origin: center;
transform-origin: 55% 55%;
}
@keyframes remix-intro {
0% {
transform: scale(0);
opacity: 0;
-webkit-transform: scale(0);
}
100% {
transform: scale(1);
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes remix-spin {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(360deg);
}
100% {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(0deg);
}
}
}