Resultados da pesquisa a pedido "css3"
Como colocar sombras de caixa usando o z-index?
codepen [http://cdpn.io/wqItA] html<div id="a"> <div id="b">bbb</div> <div id="c"> <ul> <li>a</li> <li class="current">b</li> <li>c</li> <li>d</li> </ul> </div> </div> <div id="d">dddd </div> css#b { background: orange; box-shadow: 0 0 10px ...
Como implementar um efeito de inversão usando animações AngularJS?
Qual seria a melhor maneira de obter umvirar efeito [http://davidwalsh.name/demo/css-flip.php]usando animações AngularJS? Gostaria que o efeito de inversão ocorresse ao clicar. Toda vez que é clicado, ele deve virar para o outro ...
Colunas CSS: segmentar o último filho em cada coluna?
Eu tenho uma grade de manchetes em formato de jornal usando a contagem de colunas CSS3. http://jsfiddle.net/L6TTJ/ [http://jsfiddle.net/L6TTJ/] HTML: <ul> <li><h3><a href='#'>heading</a></h3><p>snippet</p></li> ...
Como faço para que meu layout flexbox ocupe 100% de espaço vertical?
Como posso saber se uma linha de layout do flexbox consome o espaço vertical restante em uma janela do navegador? Eu tenho um layout flexbox de 3 linhas. As duas primeiras linhas têm altura fixa, mas a terceira é dinâmica e eu gostaria que ...
Como posso manter limites adequados em triângulos CSS ao passar o mouse com o cursor?
É possível corrigir o pairar nohttp://jsfiddle.net/2AXhR/ [http://jsfiddle.net/2AXhR/]para que o triângulo correto seja ativado ao passar o mouse em vez do seu às vezes adjacente? Às vezes, o triângulo incorreto é ativado porque a área ...
Manipulação de elemento css dom de design responsivo
Eu tenho campo div, incluindo uma entrada, elemento e um elemento de rótulo. Ambos são mostrados: bloco <div class="cf-full"> <input id="a" > <label class="helptext"</label> </div> Portanto, na visão normal, o campo de entrada virá primeiro. No ...
Âncora central com imagem em div
Eu tenho uma imagem que está em um elemento âncora. Eu quero que a âncora e a imagem sejam centralizadas vertical e horizontalmente na div principal. Aqui [http://jsfiddle.net/shimmy/REpYn/]é um exemplo: <div class="wrapper"> <a href="#" ...
largura: 100% vs largura máxima: 100%
As larguras: 100% e max-width: 100% podem ser usadas alternadamente se alguma delas for usada apenas uma vez? Por exemplo, eu recebo os mesmos resultados com: img{ width:100%; }e com: img{ max-width:100%; }Estou faltando alguma coisa aqui?
Mantenha o rodapé na parte inferior, mas não pegajoso?
Meu layout básico é simples: <header></header> <main></main> <footer></footer>Se eu fizer meu rodapéposition:fixed fica na parte inferior da página, mas é um rodapé "pegajoso" e um conteúdo coberto quando a rolagem é necessária. Gostaria de ...
como fazer dentro do raio da borda em css?
Como posso fazer o raio da borda para dentro? .circle { width:100px; height:100px; background-color:solid red; border-radius:-50px 50px -50px [enter image description here][1]50px; }Eu sei que -50px não é aceitável, mas apenas dou um exemplo ...