flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

WIP React > Svelte

Browse Source 
Put most of the developed design into Svelte
This commit is contained in:
Félix Péault
2020-02-11 15:09:32 +01:00
parent 61e45cb171
commit 9b0c154f61
95 changed files with 3627 additions and 9464 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/style/_animations.scss
View File

@@ -7,11 +7,31 @@
/* ==========================================================================
KEYFRAMES ANIMATIONS
========================================================================== */
// Keyframe
// @keyframes name {
// from {}
// to {}
// }
// Rotate button dashes
@keyframes rotateDashes {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
// Spinning globe (small)
@keyframes moveContinentsSmall {
0% { transform: translate3d(0,0,0); }
100% { transform: translate3d(-96.95px, 0, 0); }
}
.anim-spinGlobeSmall {
animation: moveContinentsSmall 1.5s linear infinite;
animation-play-state: paused;
}
// Spinning globe
@keyframes moveContinents {
0% { transform: translate3d(0,0,0); }
100% { transform: translate3d(-80.26px, 28.2px, 0); }
}
.anim-spinGlobe {
animation: moveContinents 1.7s linear infinite;
animation-play-state: paused;
}