JavaScript

Construa uma função JavaScript com a assinatura showMessage(msg). A função deverá exibir uma caixa de mensagem no centro da tela com a mensagem informada através do parâmetro msg
A caixa de mensagem deve ser exibida utilizando o efeito fadeIn da biblioteca jQuery
A mensagem deve ser exibida durante 3 segundos e então desaparecer automaticamente (com o efeito fadeOut);
• Crie um div no corpo do documento HTML para ser utilizado como caixa de mensagem;
• Utilize um posicionamento absoluto para exibir a caixa de mensagens sempre próximo ao centro da tela (position: absolute; e as propriedades left e top)

Minha dúvida é a seguinte, como usar minha div como caixa de mensagem, o que puder me esclarecer ta bom

Pesquise “css centralizar div”

<div style="
background-color:#eee;
width:400px;
height:100px;
position:fixed;
top:50%;
left:50%;
margin-left:-200px;
margin-top:-50px;
padding:0;
border: 2px blue solid
">
Mensagem
</div>
1 curtida