Skip to main content
Pergunta fechada como "Duplicada" por Sergio jquery
adicionou 2 caracteres ao conteúdo
Fonte Link
Gustavo Souza
  • 456
  • 1
  • 7
  • 21

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 abaixo tem, mas ele fica por trás de outros elementos, ele não fica na tela inteira como tem que ser.

Quando falo de efeito quero dizer um background transparente que pegasse toda a tela e aparecesse somente essa div branca no meio com o conteudo, você clica em uma pergunta no site e abre essa div com a resposta

[![inserir a descrição da imagem aqui][1]][1] [1]: https://i.sstatic.net/zdFAE.jpginserir a descrição da imagem aqui

<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">

  <div style="margin: auto;width: 50%;height: 300px;background:   #fff;">
  conteudo da div blablabla blablabla blablabla blablabla blablabla   blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

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 abaixo tem, mas ele fica por trás de outros elementos, ele não fica na tela inteira como tem que ser.

Quando falo de efeito quero dizer um background transparente que pegasse toda a tela e aparecesse somente essa div branca no meio com o conteudo, você clica em uma pergunta no site e abre essa div com a resposta

[![inserir a descrição da imagem aqui][1]][1] [1]: https://i.sstatic.net/zdFAE.jpg

<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">

  <div style="margin: auto;width: 50%;height: 300px;background:   #fff;">
  conteudo da div blablabla blablabla blablabla blablabla blablabla   blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

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 abaixo tem, mas ele fica por trás de outros elementos, ele não fica na tela inteira como tem que ser.

Quando falo de efeito quero dizer um background transparente que pegasse toda a tela e aparecesse somente essa div branca no meio com o conteudo, você clica em uma pergunta no site e abre essa div com a resposta

inserir a descrição da imagem aqui

<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">

  <div style="margin: auto;width: 50%;height: 300px;background:   #fff;">
  conteudo da div blablabla blablabla blablabla blablabla blablabla   blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

Inclui o código no fonte e os comentários do autor
Fonte Link

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 abaixo tem, mas ele fica por trás de outros elementos, ele não fica na tela inteira como tem que ser.

Código Quando falo de efeito quero dizer um background transparente que pegasse toda a tela e aparecesse somente essa div branca no meio com o conteudo, você clica em uma pergunta no site e abre essa div com a resposta

<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">
      <div style="margin: auto;width: 50%;height: 300px;background: #fff;">
    conteudo da div blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

Código. [![inserir a descrição da imagem aqui][1]][1] [1]: https://i.sstatic.net/zdFAE.jpg

inserir a descrição da imagem aqui

<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">

  <div style="margin: auto;width: 50%;height: 300px;background:   #fff;">
  conteudo da div blablabla blablabla blablabla blablabla blablabla   blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

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.

Código

<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">
      <div style="margin: auto;width: 50%;height: 300px;background: #fff;">
    conteudo da div blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

Código.

inserir a descrição da imagem aqui

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 abaixo tem, mas ele fica por trás de outros elementos, ele não fica na tela inteira como tem que ser.

Quando falo de efeito quero dizer um background transparente que pegasse toda a tela e aparecesse somente essa div branca no meio com o conteudo, você clica em uma pergunta no site e abre essa div com a resposta

[![inserir a descrição da imagem aqui][1]][1] [1]: https://i.sstatic.net/zdFAE.jpg

<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">

  <div style="margin: auto;width: 50%;height: 300px;background:   #fff;">
  conteudo da div blablabla blablabla blablabla blablabla blablabla   blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

adicionou 22 caracteres ao conteúdo
Fonte Link
Gustavo Souza
  • 456
  • 1
  • 7
  • 21

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.

Código

conteudo da div blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla
<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">
      <div style="margin: auto;width: 50%;height: 300px;background: #fff;">
    conteudo da div blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

Código.

inserir a descrição da imagem aqui

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.

Código

conteudo da div blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla

Código.

inserir a descrição da imagem aqui

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.

Código

<div class="teste" style="width: 100%;height: 500px;background: rgba(52, 90, 76, 0.8);">
      <div style="margin: auto;width: 50%;height: 300px;background: #fff;">
    conteudo da div blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla       
      </div>
</div>

Código.

inserir a descrição da imagem aqui

adicionou 404 caracteres ao conteúdo
Fonte Link
Gustavo Souza
  • 456
  • 1
  • 7
  • 21
Carregando
Fonte Link
Gustavo Souza
  • 456
  • 1
  • 7
  • 21
Carregando