javascript - Ao usar transições/animações/etc. em CSS, qual é a melhor forma de recorrer ao jQuery se o navegador do utilizador não suportar animações CSS?

Estou à procura de uma forma de usar animações CSS, mas se o navegador do utilizador não suportar animações CSS - então recorrer ao Jquery para a animação. Existe uma forma fácil de fazer isto em Jquery? Um plugin seria ACEITÁVEL, se fosse um plugin pequeno, ma

Ler mais →

javascript - Como criar uma engrenagem a girar com CSS3 e jQuery?

Tenho o seguinte site que está em Flash com engrenagens giratórias no fundo:

http://thedrivepartnership.com/index.html

Gostaria de criar algo semelhante usando CSS e JavaScript - alguém conhece algum exemplo por aí?

Resposta #1

Suponho que o que você poder

Ler mais →

javascript - Posso desativar temporariamente todas as transições/animações CSS3 enquanto um elemento está a ser construído?

Eu criei um Menu bastante complexo para um website. O menu depende de uma grande quantidade de animações que são baseadas em CSS3. No entanto, quando eu navego para uma página diferente, o menu deveria ser construído inicialmente - e sem todas as animações, mas feito via JS e não no lado do servidor.

Agora estou a perguntar-me como poderia desativar completamente todas as transições/animações temporariamente, até que o menu seja construído.

Pensei em criar uma subclasse que sobres

Ler mais →

php - É uma má prática usar classes CSS para marcação em JS?

O cenário:

  • Uma página inicial que é gerada com PHP e um motor de templates.
  • A página está a ser redesenhada.
  • O novo design baseia-se no jQuery UI.
  • O CMS atual utiliza múltiplos templates: um template de página, um template de detalhes de artigo, um template de co

    Ler mais →

javascript - Como posso criar um dado virtual (para jogar) usando html e css?

Estou a tentar criar um dado virtual (para jogar) usando CSS/HTML e JavaScript... A minha parte em JavaScript está a funcionar, mas parece que não consigo fazer com que o HTML/CSS o mostre da maneira que quero (sem criar uma tabela sem bordas e colocar cada ponto numa célula). Fiz

Ler mais →

Ler um ficheiro CSS com Javascript e alterar dinamicamente a página

Então as queries @media do CSS não funcionam no IE8.

@media (min-width: 768px) { /* some css */ } @media (min-width: 972px) and (max-width: 1024px){ /* different css */ }

Agora, eu poderia criar ficheiros CSS separados chamados IE_min768.css e IE_min972_max1024 e usar Javascript para carregar e descarregar dinamicamente os ficheiros à medida que a largura da página é ajustada. Mas isso viola o princípio D.R.Y. e ser

Ler mais →

Transições CSS bloqueadas por JavaScript

Estou a tentar criar uma barra de carregamento durante um período muito intensivo de JavaScript, onde alguns arrays 3D bastante pesados são construídos e preenchidos. Esta barra de carregamento precisa de permanecer vazia até o utilizador clicar num botão.

O congelamento ocorre quer eu esteja a usar -webkit-

Ler mais →

javascript - Criar website redimensionável com falta de habilidades em CSS - Formas em CSS

Esta é a minha primeira pergunta aqui, por isso, por favor, aponte quaisquer erros que eu tenha cometido. Fui obrigado a criar uma página web que se pareça com a bandeira de uma equipa. Consegui fazê-lo, mas apenas com tamanho fixo dos elementos :

Em outras resoluçõe

Ler mais →

javascript - Converter valor do Campo de Visão, para valor de perspetiva CSS3D

Se eu quisesse ter uma câmara, com 60° de campo de visão, como calcular então o valor da perspectiva em CSS3D?

perspective: ?; perspective-origin: center center;

Encontrei uma descrição sobre como calcular a matriz de projeção a partir do valor de perspectiva, mas ainda não

Ler mais →

javascript - Ao passar o rato sobre a imagem, ampliar e mostrar texto sobre ela com CSS3

Estou a tentar criar uma página de imagens responsiva para o meu site. Até agora, fiz com que as imagens na página sejam todas responsivas e se mantenham centradas, independentemente do tamanho do navegador.

O meu problema é que, quando passo o cursor sobre uma imagem, ela aumenta de tamanho mas empurr

Ler mais →