Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Jogos com CSS

Clóvis Neto
May 12, 2016
900

Jogos com CSS

Quem disse que CSS é apenas algo bonitinho e "estático" que só serve para estilizar sites? Com uma pitada de desafio e um toque especial de diversão iremos embarcar em um mundo pouco explorado, o mundo dos jogos com CSS.

Clóvis Neto

May 12, 2016
Tweet

Transcript

  1. 13

  2. COMPONENTES 21 Você também pode usar SVG ou Imagens Cor

    das nuvens Sessão que posiciona as nuvens Nuvem:
  3. VÁRIAS ANIMAÇÕES ACONTECENDO AO MESMO TEMPO O que você faria?

    Recorreria para o javascript e dispararia cada animação para seu respectivo estágio?
  4. 38 1 2 :checked Initial *Usamos o transition-delay para obter

    um atraso sobre as animações transition-delay: 3s;
  5. 39

  6. VÁRIAS ANIMAÇÕES ACONTECENDO AO MESMO TEMPO QUANDO O ESTÁGIO ESTIVER

    VISÍVEL DISPARAMOS AS ANIMAÇÕES DOS SEUS FILHOS...
  7. 41 TUDO LEVA DE VOLTA A QUESTÃO DE LÓGICA COM

    CSS... QUER VER ?? LÓGICA MENTAL != LOGICA COMPUTACIONAL
  8. 42

  9. 43

  10. 44

  11. 46

  12. 47

  13. 48 E PARA AUMENTAR A DIFICULDADE A CADA ESTÁGIO? Use

    a cabeça, você pode recorrer novamente a lógica com CSS colocando um temporizador na animação.
  14. 49

  15. 50

  16. 51

  17. 52

  18. 56 - Enxergar o CSS além de uma simples linguagem

    de estilização. 3- APRENDIZADO
  19. 59