export const stagger = { animate : { transition : { staggerChildren : 0.16 , } , } , } ; export const fadeIn = { initial : { opacity : 0 , } , animate : { opacity : 1 , transition : { duration : 0.3 , } , } , } ; export const fadeFromTop = { initial : { y : - 60 , opacity : 0 , } , animate : { y : 0 , opacity : 1 , transition : { duration : 0.3 , } , } , } ; export const fadeFromBottom = { initial : { y : 60 , opacity : 0 , } , animate : { y : 0 , opacity : 1 , transition : { duration : 0.3 , } , } , } ; export const fadeFromLeft = { initial : { x : - 60 , opacity : 0 , } , animate : { x : 0 , opacity : 1 , transition : { duration : 0.3 , } , } , } ; export const fadeFromRight = { initial : { x : 60 , opacity : 0 , } , animate : { x : 0 , opacity : 1 , transition : { duration : 0.3 , } , } , } ;