Gostaria de saber como adicionar "efeitos" em show e hide, eu tentei adicionar no meu código mas não obtive sucesso. Pois tentei mostrar apenas uma div comum com classe no css que desse a aparência que a da imagem tem, mas ele fica por trás de outros elementos, ele não fica na tela inteira como tem que ser. 

[![inserir a descrição da imagem aqui][1]][1]


  [1]: https://i.sstatic.net/zdFAE.jpg