Articles of css

Bootstrap Grid System nova linha não parece bom

Recentemente, comecei a criar uma página de administração em meu site para editar várias tabelas pequenas (de 1 a 5 inputs). Eles foram exibidos em uma única página e as tabelas foram aninhadas em um div da seguinte maneira: … Eu fiz isso com seis tabelas, e é assim que parece que eles têm a […]

Reutilizar a animação CSS na direção inversa (redefinindo o estado?)

Eu usei duas animações de quadro-chave em CSS. Um se move da esquerda para a direita e o outro usa exatamente os mesmos valores – mas inverteu. @keyframes moveLeft { from {transform: translate3d(50px, 0, 0);} to {transform: translate3d(0px, 0, 0);} } @keyframes moveRight { from {transform: translate3d(0px, 0, 0);} to {transform: translate3d(50px, 0, 0);} } […]

Selecione n-filho entre vários pais

Eu tenho a seguinte marcação: one two three four Desejo estilizar “um” e “três”. No entanto, a marcação também pode ser: one two three four Eu tentei usar o seguinte CSS: .foo li:nth-child(1), .foo li:nth-child(3) { color:red; } No entanto, como esperado, isso é denominar o primeiro filho de cada ul . (Demo: http://jsfiddle.net/hTfVu/ ) […]

Como include o estilo CSS ao converter svg para png

Eu criei um simples SVG elment que é baixado para png ao clicar em um botão, minha solução é semelhante a aqui A ideia básica é: 1.svg para canvas 2.canvas para dataUrl Download 3.trigger de dataUrl o problema é que ao baixar o arquivo png ele não inclui o estilo css aplicado no resultado da […]

Bootstrap 4 Navbar e altura de preenchimento de conteúdo flexbox

Eu tenho que criar um layout em que uma grade de conteúdo tem que estar na página inteira restante, mas o layout também tem uma barra de navegação. Para fazer isso, decidi colocar a barra de navegação em um contêiner flexível e o conteúdo em uma linha com altura de 100%. Eu preciso do conteúdo […]

Rails 4: como faço para usar o Sass Mappings?

Estou tentando limpar alguns dos meus estilos para um aplicativo do Rails 4.1. Em vez de listar todas as colors e variações, gostaria de criar um mapeamento de colors / valores e depois gerar o CSS, iterando-o. # colors.css.scss $colors: ( “red”: #330000, “blue”: #003300 ); No entanto, recebo o seguinte erro: Invalid CSS after […]

jQuery .css (“left”) retorna “auto” em vez de valor real no Chrome

Eu tenho div element com left e top defined, sem absolute position , e quero ler os valores left e top usando jQuery. Usando $(“#MyId”).css(“left”) deu o resultado esperado no IE (IE8), mas no Chrome ele retornou “auto”, embora os valores sejam escritos explicitamente no estilo do elemento. Aqui está o caso de teste: http://jsfiddle.net/qCDkb/2/ […]

O uso de PrimeFaces com o Bootstrap causa alterações no preenchimento / dimensionamento / bordas

Bem, eu desabilitei todos os temas do PrimeFaces: primefaces.THEME none Eu faço isso porque estou usando o bootstrap 3 e não quero conflitos no layout do jquery-ui e do bootstrap. O problema é que o PrimeFaces datatable sem “themes” se torna uma tabela branca com bordas pretas, se eu usar o border-style:none , a borda […]

Forma de meio hexágono com um elemento

Eu estou tentando replicar a seguinte forma sem sucesso: Eu estou supondo que vou precisar de alguns :before e :after pseudo-elementos, juntamente com o seguinte css: #pentagon { position: relative; width: 78px; height:50px; background:#3a93d0; }

Repetir animação a cada 3 segundos

Estou usando WOW.js e animate.css, agora estou executando meu CSS para Infinite. Eu gostaria de saber como posso fazer a minha aula funcionar por 3 segundos parar e começar de novo a infinito? Meu html: Minha class CSS: .fork { position: absolute; top: 38%; left: 81%; max-width: 110px; -webkit-animation-iteration-count: infinite ; -webkit-animation-delay: 5s; } A […]