Mina CSS

1 2 * 1
2 * 3 1
2 * 3 1
1 1 2 *
Evite as bombas!



Feito somente com HTML e CSS, não tem inteligência, apenas responde às ações do jogador.

Cada casa do jogo é um link. O CSS formata o link como um quadrado cinza com bordas. O texto do link fica cinza também, escondendo-o do jogador. Todos os links apontam para esta mesma página, porém cada um com um ID diferente (#anchor). Com o uso da pseudo-classe :hover é feito o destaque em amarelo da casa sob o mouse. Com a pseudo-classe :visited o conteúdo da casa é revelado, trocando-se suas cores.

Jogando-se uma vez, todos os links são marcados como visitados e não é possível jogar novamente a não ser que se limpe o histórico do navegador ou se salve este arquivo em seu computador com outro nome.

Fontes: mina-css.html




Camino . Firefox . Safari . Opera . IE