Resultados da pesquisa a pedido "css3"

1 a resposta

Problema CSS Flexbox: Por que a largura dos meus filhos flexíveis é afetada pelo conteúd

Os dois filhos do meu flexbox recebem um estilo debox-flex: 1. Meu entendimento é que suas larguras devem ser iguais entre si (ambos ocupando 50% da largura total da caixa flexível pai). Mas quando o conteúdo é adicionado aos filhos, sua largura ...

1 a resposta

Webkit 3D CSS. Gire a câmera como em um tiro em primeira pessoa

O que eu quero alcançar é uma rotação de câmera comohttp: //www.keithclark.co.uk/labs/3dcss/demo [http://www.keithclark.co.uk/labs/3dcss/demo/]. Não é perfeito e às vezes a câmera quebra, mas essa é a idei Gosto da rotação ser semelhante à ...

7 a resposta

Animação contínua de rotação CSS ao passar o mouse, animada de volta a 0deg ao passar o mouse

Eu tenho um elemento que gira quando você passa o mouse indefinidamente. Quando você passa o mouse, a animação para. Simples @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } ...

2 a resposta

Como sincronizar eventos de animação CSS3 e ouvintes de eventos com o jQuery

Estou tentando descobrir um método sólido e moderno (moderno) de navegador para usarventos de Animação CS e Event Listeners para obter controle aprimorado sobre as animações CSS3. Eu sei que é possível fazer isso. Infelizmente, está muito além ...

3 a resposta

Como criar um gradiente radial em torno da navegação?

Veja o gradiente radial que flui ao redor do centro da navegação? Vamos supor que eu fiz umdiv essa é a navegação. Como eu criaria um gradiente que se parece com a imagem? Nota: Veja o plano de fundoatrá o cardápio

8 a resposta

WebKit: Texto embaçado com escala de css + translate3d

Estou vendo um problema em que o Chrome e outros navegadores WebKit desfocam maciçamente qualquer conteúdo em escala de CSS que também tenha o translate3d aplicado. Aqui está um JS Fiddle:http: //jsfiddle.net/5f6Wg ...

2 a resposta

ocê pode sobrepor um gradiente css3 transparente sobre uma imagem de fund

Estou tentando colocar um gradiente css3 por cima de uma imagem de fundo. Usar o código abaixo coloca uma imagem de plano de fundo em cima do meu gradiente, mas estou tentando fazer o contrário, para que o gradiente atue como uma máscara em ...

1 a resposta

É possível ter excesso de texto: reticências sem espaço em branco: nowrap?

Parece quetext-overflow: ellipsis depende dewhite-space: nowrap. O problema disso é que ele limita o texto a uma linha. No entanto, e se eu precisar ter 4 linhas e as reticências na última linha no caso de estouro? O que está fazendo atualmente ...

3 a resposta

melhor usar imagens ou CSS para manter o desempenho de uma página da Web ou aplicativo o mais alto possíve

O designer criativo do meu projeto e eu tivemos algumas divergências amigáveis quanto a saber se é melhor usar fatias de sua composição ou confiar no mecanismo de renderização do navegador para criar certos aspectos da experiência do usuári Um ...

5 a resposta

Como detectar eventos de redimensionamento CSS3

A propriedade redimensionar CSS3 pode ser atribuída a elementos arbitrários. Estou procurando uma maneira de detectar um redimensionamento em, digamos, divs (não me importo que funcione apenas no FF no momento): div { resize: horizontal; ...