Resultados da pesquisa a pedido "css3"
Canto arredondado apenas em um lado do svg <rect>
Estou tentando implementar um gráfico de barras como o diagrama. Eu tenho o seguinte elemento html <rect x="35" y="-135" width="10" height="51" style="stroke: rgb(255, 255, 255); opacity: 0.8; fill: rgb(255, 122, 0);"></rect>Eu quero dar o ...
Como aplicar maiúsculas e minúsculas na caixa de entrada através de css
Estou usando a propriedade de transformação de texto para converter o texto da caixa de entrada em maiúsculas e minúsculas, mas não estou obtendo a propriedade ou combinação exata para fazer isso. Eu também tentei text-transform: capitalize; ...
SVG. Inverter imagem usando css. Mantenha a imagem no mesmo local
Aqui está um exemplo de codepenhttps://codepen.io/yury-leonov/pen/rZxxQE [https://codepen.io/yury-leonov/pen/rZxxQE] Código do exemplo: $(".example").on("click", function(e){ $(e.target).toggleClass("reverse"); }).reverse{ transform: ...
Por que o alinhamento automático não alinha minha div à parte inferior do meu flexbox?
Eu tenho duas colunas de altura igual e estou tentando fazer com que o link "Leia mais" em cada coluna fique na parte inferior da coluna, independentemente do conteúdo da coluna adjacente. estou usandoalign-self: flex-end, que acho que deve ...
Bordas incompletas em torno de div
Estou procurando uma maneira de criar umquadrado incompleto com bordascom algum texto e um plano de fundo com css puro. Aqui está o que estou tentando alcançar: Minha idéia inicial é criar a forma com base em três formas e depois colorir ...
Faça o cabeçalho / navegação mudar de cor quando estiver em uma seção diferente do site
Estou trabalhando em uma reformulação do site para meu site pessoal de portfólio. Eu tinha um recurso interessante em mente, onde minha barra de cabeçalho / navegação mudava de cor dependendo da seção da página em que está (o site é apenas uma ...
Centrar horizontalmente e verticalmente 2 divs em colunas lado a lado com 50% de largura
Tendo problemas para fazer com que 2 divs se centralizem horizontal e verticalmente nos respectivos pais, lado a lado com 50% de largura e 100% de altura. Aqui está o que eu tenho (Codepen para facilitar). Codepen Link ...
Chrome ignorando base flexível no layout da coluna [duplicado]
Esta pergunta já tem uma resposta aqui: O Chrome / Safari não preenche 100% da altura do pai flexível [/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent] 4 respostasEstou com problemas para fazer com que o Chrome preste ...
Alterar elemento CSS que vem após o outro
Eu gostaria de pairara.bio mude o fundo.pic para verde. Eu tentei algumas maneiras, mas não deu certo. Eu não entendi a lógica de~ e como fazê-lo funcionar. CÓDIGO .executivo .pic::after { background-color: #00845b; content: ""; height: ...
Mantenha a direção da sombra da caixa consistente ao girar
Ao dar p. Ex. uma<div> uma sombra de caixa e sua rotação causam uma rotação da direção da sombra de caixa - o que é problemático quando a sombra de caixa deve criar uma ilusão de iluminação. Exemplo:https://jsfiddle.net/5h7z4swk/ ...