Resultados da pesquisa a pedido "css3"
A imagem no item flex ignora a altura máxima: 100% em chrome e firefox - (funciona no safari)
Quero que uma imagem preencha a largura ou a altura da janela / tamanho da janela. Para uma melhor compreensãodo que estou tentando fazer,eu criei um exemplo no codepen [http://codepen.io/durchgemacht/pen/WvQvZJ]- verifique e redimensione ...
flua 2 colunas de texto automaticamente com CSS
Eu tenho o código semelhante ao seguinte: <p>This is paragraph 1. Lorem ipsum ... </p> <p>This is paragraph 2. Lorem ipsum ... </p> <p>This is paragraph 3. Lorem ipsum ... </p> <p>This is paragraph 4. Lorem ipsum ... </p> <p>This is paragraph 5. ...
CSS como fazer um elemento desaparecer e desaparecer?
Eu posso criar um elemento com uma opacidade zero, alterando sua classe para .elementToFadeInAndOut com o seguinte css: .elementToFadeInAndOut { opacity: 1; transition: opacity 2s linear; }Existe uma maneira de fazer o elemento desaparecer ...
Como criar um layout responsivo de 3 colunas?
Eu tenho um layout de 3 colunas. Ao acessá-lo a partir da área de trabalho, é exibido assim: ------------------------------------------- | columnleft | columncenter | columnright | -------------------------------------------Quero que seja ...
Existe uma propriedade 'box-shadow-color'?
Eu tenho o seguinte CSS: box-shadow: inset 0px 0px 2px #a00;Agora estou tentando extrair essa cor para tornar as cores da página 'skinnable'. Existe alguma maneira de fazer isso? Simplesmente remova a cor e, em seguida, use a mesma chave ...
Como reverter suavemente a animação CSS para seu estado atual?
eu tenhonão animado elemento como padrão. Há também um gatilho que permite ativar e desativar a animação nesse elemento. A animação em si é muito simples: move o elemento da esquerda para a direita e para trás. Quando paro a animação, meu ...
Tamanho da fonte do Google 10,5 px (.5) da maneira correta e suporte a multibrowser
Estou usando a fonte do Google Open Sans e se eu definir a fonte para o tamanho da fonte 11px, ela parecerá grande para o texto que eu preciso e se a definir para 10px parecerá pequena, então testei apenas por diversão e defina-a como 10.5px. ...
Como estilizar um elemento de progresso HTML5 como Circle / Pie com CSS puro
O HTML5 introduziu um novo elemento "progress" que, por padrão, é renderizado como uma barra de progresso (termômetro). Um exemplo muito básico é: <progress max="100" value="85"></progress>Eu tenho experimentado uma variedade de opções de ...
Ordem de empilhamento dos elementos afetados pela opacidade
Como estáz-index eopacity relacionado ao decidir a ordem de empilhamento de um elemento em HTML? quando eu mantenhoopacity Menor que1 em um elemento que está tendo algumz-index dizer999. O elemento está indo atrás do elemento que não está ...
a transição do tamanho do plano de fundo ao passar o mouse faz com que o Chrome "agite"
Estou tentando obter um efeito que vi recentemente, em que a imagem de fundo é ampliada ao passar o mouse. Eu praticamente fiz isso com exemplo aqui: https://jsfiddle.net/qyh6nbwt/ [https://jsfiddle.net/qyh6nbwt/]mas parece estar muito instável ...