1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-14 17:15:18 +01:00
blog/_src/assets/less/animations.less

52 lines
755 B
Plaintext

// Buttery Smooth(tm)
////////////////////////////////////
.gpuacceleration {
-webkit-transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
// Masonry
////////////////////////////////////
.masonry,
.masonry .masonry-brick {
.transition-duration(0.7s);
}
.masonry {
.transition-property(~"height, width");
}
.masonry .masonry-brick {
.transition-property(~"left, right, top");
}
// Loading Thingy
////////////////////////////////////
.loading {
.animation(loadingThingy .2s infinite);
.gpuacceleration;
}
@keyframes loadingThingy {
from {
opacity: 1;
}
to {
opacity: 0
}
}
@-webkit-keyframes loadingThingy {
from {
opacity: 1;
}
to {
opacity: 0
}
}