Articles of css

angularjs: equivalente ng-src para background-image: url (…)

Em angularjs você tem a tag ng-src que tem o propósito de não receber um erro para um url inválido antes que angularjs consiga avaliar as variables ​​colocadas entre {{ e }} . O problema é que eu uso um pouco de DIV com um conjunto de background-image em um URL. Eu faço isso por […]

faça a altura do div expandir com seu conteúdo

Eu tenho esses divs nesteds e eu preciso do container principal para expandir (em altura) para acomodar os DIVs dentro … CSS é isso: * { padding: 0; margin: 0; } .main { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #4c5462; margin: 0; padding: 0; text-align: center; color: #000000; } .main #container { height: auto; […]

Efeito de sobreposição turva do iOS 7 usando CSS?

Parece que o overlay da Apple é mais do que apenas uma transparência. Alguma idéia sobre como conseguir esse efeito com CSS e possivelmente JS?

Como estilo ícone cor, tamanho e sombra de icons de fonte impressionante

Como eu poderia estilizar a cor, o tamanho e a sombra dos icons dos icons do Font Awesome? Por exemplo, o site do Font Awesome mostrará alguns icons em branco e alguns em vermelho, mas não mostrará o CSS de como estilizá-los dessa forma …

Alinhar texto na linha inclinada

É possível deixar o texto alinhado em uma linha inclinada ? o alinhamento deve seguir a imagem oblíqua inclinada com o suporte necessário para o IE9 +? Meu código de exemplo: img { display: block; float: left; transform: rotate(-5deg); margin: 0 15px; } Lorem ipsum dolor sit amet. Vestibulum commodo volutpat a, convallis ac, laoreet […]

Bootstrap 4 navbar com 2 linhas

Eu criei uma barra de navegação com o Bootstrap 4 alpha 6 que tem uma grande marca / ícone à esquerda e 2 nav nav-nav com links à direita do ícone. Uma nav tem links e a outra nav tem icons. Está funcionando exatamente como eu quero, exceto por uma coisa. Eu gostaria que as […]

Especifique um SVG como imagem de fundo e também estilize o SVG em CSS?

É possível especificar um SVG como uma imagem de fundo e também estilizar o SVG no mesmo arquivo CSS? Estou muito confortável em posicionar, dimensionar e recortar imagens SVG como arquivos únicos ou sprites, mas não consegui descobrir se é possível estilizar o SVG dentro do mesmo arquivo CSS que define como uma imagem de […]

Quais seletores CSS3 o jQuery realmente suporta, por exemplo: nth-last-child ()?

De acordo com http://api.jquery.com/category/selectors/ , podemos usar uma grande quantidade de seletores CSS no jQuery, mas por exemplo :nth-last-child() não é mencionado lá. No entanto, quando eu testar o seguinte (com jQuery 1.7.1 como do Google), ele realmente funciona no Firefox, Chrome e IE 9, mas não no IE 9 no modo de emulação do […]

Como usar o Font Awesome de webjars.org com JSF

Eu estou tentando usar icons de Font Awesome com meu aplicativo JSF. Eu tive algum sucesso seguindo as instruções iniciais e adicionando o seguinte à seção minha view: Isso me dá um bom ícone de casa quando eu uso a class icon-home : No entanto, não quero depender do servidor de autoboot para fornecer os […]

Como você adiciona pseudo classs aos elementos usando jQuery?

Em CSS, quando você passa o mouse sobre um elemento, pode especificar exibições para ele usando a class pseudo: hover: .element_class_name:hover { /* stuff here */ } Como você pode usar o jquery para adicionar ou “ativar” esta pseudo-class? Normalmente, no jQuery, se você quiser adicionar uma class, você faria: $(this).addClass(“class_name”); Eu tentei “pairar”, mas […]