mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-12 08:05:18 +01:00
45 lines
730 B
Stylus
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
|