Resultados da pesquisa a pedido "css3"
-moz-background-clip: o texto não funciona no Firefox
Estou tentando preencher o conteúdo de um texto em uma tag h1 por uma imagem. Seguindo meu entendimento ;-), estou fazendo o seguinte no html: <div class="image_clip"> <h1> MY WONDERFULL TEXT </h1> </div> E no arquivo css: .image_clip{ ...
Delay mouseout / hover com transições CSS3
Eu tenho uma caixa que muda de tamanho ao passar o mouse. No entanto, gostaria de adiar o estágio de saída do mouse, para que a caixa mantenha o novo tamanho por alguns segundos, antes de recuperar o tamanho antigo. div { width: 70px; ...
Div vazio com borda vermelha é visível como uma linha vermelha - posso ocultá-lo apenas com CS
Eu tenho uma div na qual os erros serão representados. Meu problema é que, por ter uma borda vermelha, ela será exibida como uma linha vazia, mesmo quando a div estiver vazia (não há erros). Eu não gosto desse comportamento; Prefiro que a div ...
O raio da borda e o preenchimento não estão funcionando bem
Estou tendo problemas para tentar obter um raio nas imagens. Simplifiquei meu problema e exagerei as variáveis para fins de demonstraçã CSS: div.wrap img { -moz-border-radius: 50px; border-radius: 50px; } img.pic { padding: 15px 25px 35px ...
text-transform: maiúsculas causa erro de layout no Chrome
Encontrei um bug de layout estranho que parece ter sido acionado pelotext-transform Propriedade CSS quando uminline-block está aninhado dentro de umblock elemento. Também vi o problema no Safari (5.1.2), mas esse caso de teste mínimo é acionado ...
Border Radius para IE8
Eu tenho um problema com o raio da borda no IE8, até agora usei o pie.js, mas não recomendo esta biblioteca js porque é buggy. Se você tem um site pequeno com poucas páginas html, é mais do que aceitável usar essa biblioteca, mas se você tem um ...
Faça um paralelogramo com um lado em CSS3
Fiz um paralelogramo com CSS3. Com este código: #parallelogram { width: 150px; height: 100px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background: red; } Agora, tenho o chanfro direito e esquerdo. ...
Transição da imagem de fundo CSS3
Estou tentando criar um efeito "fade-in fade-out" usando a transição CSS. Mas não consigo fazer isso funcionar com a imagem de fundo ... The CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* ...
Como fazer um triângulo css puro com um centro branco
Quero criar uma seta voltada para cima e para baixo com css como o seguinte: http: //apps.eky.hk/css-triangle-generator [http://apps.eky.hk/css-triangle-generator/] No entanto, em vez de uma cor sólida, quero configurá-lo para que o ...
min-height / min-width não respeita o tamanho da caixa em alguns navegadores
Veja este exemplo:http: //jsfiddle.net/vrgT3/5 [http://jsfiddle.net/vrgT3/5/] Fiz um250x250px div pai comoverflow: auto; as barras de rolagem aparecem quando o conteúdo ultrapassa a caixa. Defina um plano de fundo azul para deixar claro quando ...