Articles of css

Impedir onmouseout ao passar elemento filho do pai absoluto div SEM jQuery

Estou tendo problemas com a function onmouseout em um div absoluto posicionado. Quando o mouse atinge um elemento filho no div, o evento mouseout é triggersdo, mas eu não quero que ele seja triggersdo até que o mouse esteja fora do pai, div absoluta. Como posso evitar que o evento mouseout quando ele atinge um […]

Existe um retorno de chamada na conclusão de uma animação CSS3?

Existe alguma maneira de implementar uma function de retorno de chamada em caso de animação css3? Em caso de animação de Javascript é possível, mas não encontrando nenhuma maneira de fazê-lo em css3. Uma maneira que eu posso ver é executar o retorno de chamada após a duração da animação, mas isso não garante que […]

Posicionamento fixo no Mobile Safari

É possível posicionar um elemento fixo em relação à viewport no Mobile Safari? Como muitos notaram, position: fixed não funciona, mas o Gmail acabou de sair com uma solução que quase é o que eu quero – veja a barra de menu flutuante na canvas de mensagens. Obter events de rolagem em tempo real em […]

Bootstrap 3 Collapse show state com o ícone da Chevron

Usando o exemplo principal retirado da página de exemplos Javascript do Bootstrap 3 para Recolher , consegui mostrar o estado de recolhimento usando icons da divisa. Eu tenho esse trabalho usando: $(‘#accordion .accordion-toggle’).click(function (e) { var chevState = $(e.target).siblings(“i.indicator”).toggleClass(‘glyphicon-chevron-down glyphicon-chevron-up’); $(“i.indicator”).not(chevState).removeClass(“glyphicon-chevron-down”).addClass(“glyphicon-chevron-up”); }); Isso funciona (não totalmente testado em todos os navegadores), mas eu estou querendo […]

Efeito de estrutura de tópicos para texto

Existem maneiras de o CSS fornecer contornos para textos com colors diferentes? Quero destacar algumas partes do meu texto para torná-lo mais intuitivo – como os nomes, links, etc. Alterar as colors dos links, etc., é comum hoje em dia, por isso quero algo novo.

CSS O que são -moz e -webkit-?

-webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-fill: auto; -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-fill: auto; Eu sou um iniciante no css e quando eu estava olhando para algum código css no outro dia, encontrei essas linhas. Nos tutoriais que eu costumava aprender css, nunca vi nada parecido com essas linhas. Alguém poderia me explicar essas linhas ou me […]

Existe uma maneira de tornar um DIV não selecionável?

Aqui estão algumas perguntas interessantes sobre CSS para você! Eu tenho uma área de texto com um fundo transparente sobrepondo algum texto que gostaria de usar como uma marca d’água. O texto é grande e ocupa a maioria da área de texto. Parece legal, o problema é que quando o usuário clica na área de […]

O que ‘?’ fazer em um link Css?

Eu estava navegando no html do meu site favorito … ahem … e eu vi isso na marcação: o que “d = 20090107” faz? Eu estou supondo que seja uma data de algum tipo, mas não tenho certeza porque está no caminho para o arquivo. Alguma ideia?

Mudando a imagem de fundo com animações CSS3

Por que isso não está funcionando? O que estou fazendo de errado? CSS @-webkit-keyframes test { 0% { background-image: url(‘frame-01.png’); } 20% { background-image: url(‘frame-02.png’); } 40% { background-image: url(‘frame-03.png’); } 60% { background-image: url(‘frame-04.png’); } 80% { background-image: url(‘frame-05.png’); } 100% { background-image: url(‘frame-06.png’); } } div { float: left; width: 200px; height: 200px; […]

Como faço para uncollapse uma margem?

Margens de recolhimento em CSS: http://www.w3.org/TR/CSS21/box.html#collapsing-margins Eu entendo o objective do recurso , mas estou tentando fazer o layout e não consigo descobrir como desativá-lo. A maneira geralmente explicada nos tutoriais CSS é: Adicione uma borda Adicionar um preenchimento Todos eles têm efeitos colaterais que se tornam óbvios quando você está lidando com layouts de […]