1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-12 08:05:18 +01:00
blog/_src/assets/styl/animations.styl

45 lines
730 B
Stylus

//
// kremalicious3
// --------------
// Animations
//
// Buttery Smooth(tm)
////////////////////////////////////
gpuacceleration()
-webkit-transform: translate3d(0,0,0)
-webkit-backface-visibility: hidden
-webkit-perspective: 1000
.gpuacceleration
gpuacceleration()
// Masonry
////////////////////////////////////
.masonry
transition-property: height, width
&,
.masonry-brick
transition-duration: 0.7s
.masonry-brick
transition-property: left, right, top
// Loading Thingy
////////////////////////////////////
.loading
@extend .gpuacceleration
animation: loadingThingy .2s infinite
@keyframes loadingThingy
0%
opacity: 1
100%
opacity: 0