eurofarma estagio horario

Aprenda como criar mensagens de alerta com CSS. Alertas Mensagens de alerta podem ser usadas para notificar o usuário sobre algo especial: perigo, sucesso, informação ou aviso. Perigo! Indica uma ação perigosa ou potencialmente negativa. Sucesso! Indica uma ação bem-sucedida ou positiva. Info! Indica uma mudança ou ação informativa neutra. Aviso! Indica um aviso que pode precisar de atenção. Tente você mesmo criar uma mensagem de alerta Passo 1) Adicionar HTML: & times; Esta é uma caixa de alerta. Se você deseja fechar a mensagem de alerta, adicione um elemento com um atributo onclick que diz "quando você clica em mim, esconde meu elemento pai" - que é o contêiner (class = "alert"). Dica: use a entidade HTML "& times;" para criar a letra "x". Etapa 2) Adicionar CSS: estilize a caixa de alerta e o botão Fechar: / * A caixa de mensagem de alerta * /.

Eurofarma estagio horario ânia

alerta {padding: 20px; cor de fundo: # f44336; / * Vermelho * / cor: branco; margem inferior: 15px;} / * O botão fechar * /. closebtn {margin-left: 15px; cor branca; intensidade da fonte: Negrito; flutuar: certo; tamanho da fonte: 22px; Altura da linha: 20 px; cursor: ponteiro; transição: 0. 3s;} / * Ao mover o mouse sobre o botão fechar * /. closebtn: hover {color: black; } Tente você mesmo muitos alertas Se você tiver muitas mensagens de alerta em uma página, você pode adicionar o seguinte script para fechar diferentes alertas sem usar o atributo onclick em cada elemento. E, se você quiser que os alertas desapareçam lentamente quando você clica neles, adicione opacidade e faça a transição para a classe de alerta: . alert {opacidade: 1; transição: opacidade 0. 6s; / * 600ms para desaparecer * /} // Obter todos os elementos com class = "closebtn" var close = documento. getElementsByClassName ("closebtn"); var i; // Faz um loop em todos os botões de fechamento para (i = 0; i () var div = this. parentElement; // Defina a opacidade de div para 0 (transparente) div. opacidade = "0"; // Esconde o div após 600ms (a mesma quantidade de milissegundos que leva para desaparecer) setTimeout (function () {div. display = "nenhum"; }, 600); }} Tente você mesmo Dica: Confira também o Notes.