Resultados da pesquisa a pedido "css3"
O Chrome DevTools converte todas as cores HEX em RGB
Recentemente, o Chrome DevTools começou a converter as cores HEX de todos os elementos em seus valores RGB, independentemente de a cor HEX estar definida em CSS ou por meio do próprio DevTools. Como parar com isso? Estou ciente da pressãoMudança ...
criar fita com css
Eu tenho o menu da barra lateral finalmente criado. agora preciso criar uma fita no item selecionado, como mostrar imagem (vermelho) (preciso de uma fita de cor cinza). Mas eu não quero usar o fundo da imagem e usar apenas a classe css. ...
Entrada de faixa (controle deslizante) com marcações para pontos intermediários
Eu quero um controle deslizante usando HTML5 como este: onde eu posso exibir o valor. Eu tentei o código abaixo: <input type=range min=0 max=100 value=50 step=1 list=tickmarks> <datalist id=tickmarks> <option value="0 to 20">0</option> ...
Como funciona o css checkbox hack?
Acabei de encontrar o botão de alternância do switch, criado apenas usando o css. É conhecido como hackear a caixa de seleção. Para quem não sabe o que é um hack css de caixa de seleção, leia ...
Raio da borda em porcentagem (%) e pixels (px) ou em
Se eu usar umvalor de pixel ou empara raio da borda, o raio da borda é sempre um arco circularou umforma de pílulamesmo se o valor for maior que o lado maior do elemento. Quando eu usopercentagens, o raio da aresta é elíptico e começa no meio de ...
Classificação por estrelas com catering SVG para classificação em pontos decimais
Eu tenho algum código para criar uma classificação por estrelas. Eu não usei o SVG antes e não consigo descobrir como fazê-lo da seguinte maneira: A classificação está fora de 5Exibir classificações com casas decimais, ou seja: 4,5, 3,2, 1,1 e ...
Implementando um link Leia mais no React.js
Estou tentando implementar umRead More link, que se expande para mostrar mais texto após um clique. Estou tentando fazer isso da maneira React. <!--html--> <div class="initialText"> Lorem Ipsum is simply dummy text of the printing and ...
Adicionar um valor de transformação às transformações atuais que já estão no elemento?
Digamos que eu tenho umdiv que tevetranslateX etranslateY valores adicionados dinamicamente. <div class="object child0" style="-webkit-transform: translateX(873.5px) translateY(256px); width: 50px; height: 50px;">Eu quero ...
Como mantenho duas divs lado a lado da mesma altura?
Eu tenho dois divs lado a lado. Eu gostaria que a altura deles fosse a mesma e permanecesse a mesma se um deles fosse redimensionado. Mas não consigo descobrir isso. Idéias? Para esclarecer minha pergunta confusa, eu gostaria que as duas caixas ...
Faixa de rolagem infinita suave [somente CSS]
Procurando otimizar esse efeito de rolagem infinita, no entanto, não tenho muita certeza de como criar uma transição suave ao retornar à imagem original. Aos 10 anos é quase imperceptível, no entanto, aos 30 é mais evidente. Estou assumindo que ...