Resultados da pesquisa a pedido "css3"
Flexbox / IE11: flex-wrap: wrap não quebra (Images + Codepen inside)
Criei uma lista com ícones sociais. Esses ícones devem ser agrupados em telas pequenas. eu usoflex-wrap: wrap; e funciona perfeitamente no Firefox e Chrome: Mas o Internet Explorer 11 (e IE 10) não quebrará a linha: Exemplo de caneta de ...
Mover div com altura dinâmica para fora de seu contêiner pai
Estou tentando mover uma div com uma altura de mudança dinâmica fora da div pai e voltar. O problema é a altura dinamicamente, caso contrário eu poderia facilmente definir a altura negativa como o valor inferior. Por enquanto, acabei de ...
Altura percentual que não funciona no layout aninhado de flexbox no Chrome
Eu tenho um layout a seguir totalmente funcionando no Firefox e IE: Infelizmente, ele está quebrado no Chrome, ou seja, o contêiner azul escuro está recolhido, mesmo que tenha 100% de altura do pai: eu tenteiessa ...
Maneira escalável de empilhar em CSS
Espero que todos tenham ouvido falar sobreLembretes. Eu quero empilhar coisas assim. Então essa é a abordagem que tenho até agora. Não sei como torná-lo escalável para qualquer número de stickies, sem usar JavaScript. * { font-family: 'Segoe ...
O DOM sombra substitui :: antes e :: depois?
Escopo do CSS [http://www.w3.org/TR/css-scoping-1/#shadow-dom]diz Os descendentes de umhost sombra [http://www.w3.org/TR/css-scoping-1/#shadow-host]não deve gerar caixas na árvore de formatação. Em vez disso, o conteúdo doárvore de sombra ...
Efeito de borda gradiente estranho
Ao aplicar uma borda transparente sobre um elemento com umlinear-gradient Como pano de fundo, recebo um efeito estranho. Observe que os lados esquerdo e direito do elemento não têm as cores adequadas (eles são alternados de alguma forma) e são ...
Cada item para ter a mesma largura que o elemento mais largo
Eu quero criar este layout: Quando um item não cabe no contêiner, podemos passar para a próxima linha: Quando o contêiner é minúsculo que o item mais amplo, podemos agrupar o conteúdo em várias linhas É muito fácil com Javascript, aqui ...
Redimensionando um cubo
Eu tenho um conjunto de códigos do cubo criado usando CSS. No entanto, como redimensiono isso em um cubo maior (por exemplo, 200px)? Eu tentei, mas toda vez que tento fazê-lo, fica fora de posição .. .mainDiv { position: relative; width: ...
Como quebra de linha um URL?
A quebra de linha funciona bem em cadeias longas, sem caracteres especiais. Eu gostaria de usá-lo em um URL. Em vez de preencher todas as colunas em uma linha, o texto passa para a próxima linha ao encontrar caracteres especiais como =, & etc. ...
Aplique um filtro CSS apenas em segundo plano
No snippet a seguir, apliquei um filtro de desfoque em.sub-menu mas o texto também é filtrado. Como posso aplicar o filtro de desfoqueapenas no plano de fundo e não no texto? .sub-menu { list-style: none; position: relative; float: left; ...