Articles of css

Eot, ttf e svg ainda são necessários na declaração de fonte?

Até agora, usei a syntax de face de fonte à prova de balas de Paul Irish Mas eu estava apenas olhando para o suporte para arquivos .woff e .woff2 no caniuse e ele diz que o woff é suportado no IE9 +. A maioria dos artigos sobre este tópico é de cerca de 2009, que […]

Como animar texto manuscrito na página da web usando SVG?

Eu estou tentando animar um texto que criei e salvei como SVG. Até agora consegui animar apenas o golpe, mas não é o que estou tentando alcançar. Aqui está o link para o exemplo que eu preciso: [http://codepen.io/se7ensky/pen/waoMyx][1] [https://codepen.io/munkholm/pen/EaZJQE][1] Eu realmente aprecio se alguém puder explicar como eu posso implementar isso. Aqui está o que […]

CSS para evitar que o elemento filho herde os estilos pai

Duplicar Possível: Como evito a inheritance do CSS? Existe uma maneira de declarar a propriedade CSS de um elemento de forma que ele não afete nenhum de seus filhos ou existe uma maneira de declarar CSS de um elemento para implementar apenas o estilo especificado e não herdar qualquer um dos estilos declarados para seus […]

Alterando a propriedade width de um seletor antes de css usando JQuery

Eu tenho uma página que tem uma imagem e eu estilizei usando: antes dos seletores CSS. A imagem é dinâmica, por isso não tem uma largura fixa; Então eu preciso definir: antes da largura da regra dinamicamente. Eu quero fazer isso no lado do cliente usando JQuery. Assuma isso: .column:before{ width: 300px; float: left; content: […]

Envie campos de formulário dentro da exibição: nenhum elemento

Eu tenho uma forma longa que eu dividi em 6 etapas. Quando o formulário é carregado, todas as etapas são carregadas, mas somente a primeira etapa é visível. O resto tem CSS de display:none então eles estão escondidos. Quando uma etapa é concluída e validada com Javascript, a etapa atual é definida para display:none e […]

Posso usar variables ​​para seletores?

Eu tenho essa variável: $gutter: 10; Eu quero usá-lo em um seletor como assim SCSS: .grid+$gutter { background: red; } então a saída se torna CSS: .grid10 { background: red; } Mas isso não funciona. É possível?

CSS externo versus diferença de desempenho de estilo inline?

Um amigo meu disse que usar o vez do arquivo css compactado colocado como link href na seção head dá algum impulso ao desempenho. Isso é verdade?

Altere a ordem das colunas col – * – 12 no Bootstrap usando push / pull

Eu tenho duas colunas do mesmo tamanho ( .col-xs-12 ) e eu mudaria de lugar quando o tamanho da canvas correspondesse ao de um dispositivo móvel. Eu colocaria na ordem inversa. Eu li que as diretivas de bootstrap push and pull ajudam a conseguir isso, mas é possível alterar o lugar de duas colunas do […]

Atraso: Passe o mouse em CSS3?

Existe uma maneira de atrasar o evento: Hover sem usar o javascript? Eu sei que há uma maneira de atrasar animações, mas eu não vi nada em retardar o evento: Hover. Editado… Desculpe, eu deveria ter incluído isso para começar … Estou construindo um cardápio de filho-de-suckerfish. Eu gostaria de simular o que hoverIntent faz […]

Como reverter uma animação no mouse depois de passar o mouse

Então, é possível ter uma animação reversa no mouse, como: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } mas, ao usar a animação @keyframes, não consegui fazê-lo funcionar, por exemplo: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} } Qual é […]