Programação css

11

Eu quero colorir o fundo do SVG textsemelhante ao background-colordo CSS Só consegui encontrar documentação sobre fill, que colore o próprio texto É mesmo possível?

101 css svg background-color

5

Existe alguma maneira de declarar um tamanho / borda parcial para uma caixa?

Qualquer maneira de declarar um tamanho / borda parcial para uma caixa no CSS? Por exemplo, uma caixa com 350pxisso mostra apenas uma borda inferior em seus primeiros 60px. Acho que isso pode ser muito útil. Exemplos:

101 css border

15

Animação CSS3: exibição + opacidade

Tenho um problema com uma animação CSS3. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Este código só funciona se eu remover a alteração de display. Desejo alterar a exibição logo …

101 animation css

3

Como posso combinar flexbox e rolagem vertical em um aplicativo de altura total?

Eu quero usar um aplicativo de altura total usando o flexbox. Eu encontrei o que eu queria usando o antigo módulo de layout flexbox ( display: box;e outras coisas) neste link: CSS3 Flexbox full-height app and overflow Esta é uma solução correta para navegadores que suportam apenas a versão antiga …

101 html css flexbox

6

100vw causando estouro horizontal, mas somente se mais de um?

Diga que você tem isso: html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} <div class="box">Screen 1</div> Você verá algo que preenche a tela, sem barras de rolagem. Mas adicione outro: <div class="box">Screen 1</div> <div class="box">Screen 2</div> Você obtém não apenas barras de rolagem verticais (esperado), mas uma …

101 css

6

Transição CSS3 - Efeito de esmaecimento

Estou tentando implementar o efeito "fade out" em CSS puro. Aqui está o violino . Eu procurei algumas soluções online, no entanto, depois de ler a documentação online , estou tentando descobrir por que a animação de slide não funcionava. Quaisquer dicas? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; …

101 css css-transitions

18

O menu suspenso Bootstrap não está funcionando

Estou tendo problemas para fazer meus menus suspensos funcionarem. Posso fazer com que a barra de navegação apareça perfeitamente, mas quando clico em "Dropdown" (qualquer um deles), o menu suspenso não é exibido. Eu tentei procurar outros posts sobre isso, mas nada que resolvesse os problemas de todos ajudou. Copiei …

100 javascript jquery html css twitter-bootstrap

8

Quebra de texto CSS em div

Eu tenho um div com largura de 250px. Quando o texto interno é mais amplo do que isso, quero que ele se desfaça. O div é float: left e agora tem um overflow. Quero que a barra de rolagem desapareça usando a quebra de linha. Como posso conseguir isso? <div …

100 css html word-wrap

4

Calculando a largura de porcentagem a pixel, depois menos por pixel em MENOS CSS

Vou calcular a largura em algum elemento de porcentagem a pixel, então irei menos -10px usando LESS e calc () . É possível? div { span { width:calc(100% - 10px); } } Estou usando CSS3 calc()por isso não funciona:calc(100% - 10px) Exemplo: se 100% = 500px, então largura = 490px …

100 css less pixel

5

Retorno de chamada na transição CSS

É possível obter uma notificação (como retorno de chamada) quando uma transição CSS foi concluída?

100 javascript css css-transitions

3

Como especificar a altura da mesa de forma que uma barra de rolagem vertical apareça?

Tenho uma tabela com muitas linhas em minha página. Gostaria de definir a altura da mesa, digamos, 500px, de forma que, se a altura da mesa for maior do que isso, uma barra de rolagem vertical aparecerá. Tentei usar o heightatributo CSS no table, mas não funcionou.

100 css css-tables

9

Cores de fundo alternativas para itens de lista

Eu tenho uma lista e cada item está vinculado, há uma maneira de alternar as cores de fundo para cada item? <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link 3</a></li> <li><a href="link">Link 4</a></li> <li><a href="link">Link 5</a></li> </ul>

100 html css

14

Centrando a paginação no bootstrap

Eu tenho esse código na paginação <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> Mas o meu ulestá alinhado à esquerda. Existe alguma maneira de centralizar o ulwrt div? Eu tentei margin: auto autoe margin :0 autoeles mas não funcionaram.

100 html twitter-bootstrap css

30

Os modais de bootstrap continuam adicionando preenchimento - direito ao corpo após fechado

Estou usando o bootstrap e o framework Parse para construir um pequeno webapp. Mas esses modais Bootstrap continuam adicionando padding-right to body depois de fechados. Como resolver isso? Tentei colocar este código no meu javascript: $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); Mas não funciona. Alguém sabe como consertar isso? Meu …

100 javascript jquery html css twitter-bootstrap

3

CSS: depois de não adicionar conteúdo a certos elementos

Estou tendo problemas para entender o comportamento da :afterpropriedade CSS . De acordo com as especificações ( aqui e aqui ): Como seus nomes indicam, os :beforee :afterpseudo-elementos especificar a localização do conteúdo antes e depois do conteúdo árvore de documentos de um elemento. Isso não parece colocar restrições sobre …

100 css pseudo-element

Perguntas com a marcação «css»