Perguntas com a marcação «css»

146
Animação de rotação sem fim CSS

Quero fazer uma rotação do meu ícone de carregamento por CSS. Eu tenho um ícone e o seguinte código: <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay:...

146
CSS padrão dos navegadores para elementos HTML

Onde posso encontrar o CSS padrão de um navegador para elementos HTML? Muitos elementos HTML vêm com algumas propriedades CSS padrão que às vezes podem resultar em comportamento desconhecido / indesejado. Por exemplo, as caixas de entrada são exibidas de maneira diferente em diferentes...

146
Como estilizar a entrada e enviar o botão com CSS?

Estou aprendendo CSS. Como estilizar a entrada e enviar o botão com CSS? Estou tentando criar algo assim, mas não tenho ideia de como fazer <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email...

145
CSS background-image - Qual é o uso correto?

Qual é o uso correto da propriedade CSS background-image? As principais coisas que estou tentando entender é Precisa estar entre aspas, ou seja: background-image: url('images/slides/background.jpg'); Pode ser um caminho relativo (como acima) ou deve ser um URL completo? Quaisquer outros pontos...

145
Mapa de imagem responsivo

Eu tenho um mapa de imagem existente em um layout html responsivo. As imagens são dimensionadas de acordo com o tamanho do navegador, mas as coordenadas da imagem são obviamente tamanhos de pixels fixos. Quais são as opções que tenho para redimensionar as coordenadas do mapa de...

145
Como aplico opacidade a uma variável de cor CSS?

Como estou projetando um aplicativo em elétrons, tenho acesso a variáveis ​​CSS. Eu defini uma variável de cor em vars.css: :root { --color: #f0f0f0; } Quero usar essa cor main.css, mas com alguma opacidade aplicada: #element { background: (somehow use var(--color) at some opacity); } Como eu...

144
Inserir imagem após cada item da lista

Qual seria a melhor maneira de inserir uma imagem pequena após cada elemento da lista? Eu tentei com uma pseudo classe, mas algo não está certo ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} Obrigado por...

144
No jQuery, como posso definir as propriedades "superior, esquerda" de um elemento com valores de posição relativos ao pai e não ao documento?

.offset([coordinates])O método define as coordenadas de um elemento, mas apenas em relação ao documento. Então, como posso definir coordenadas de um elemento, mas em relação ao pai? Descobri que o .position()método obtém apenas valores "superiores, esquerdos" em relação ao pai, mas não define...

144
Tornando um iframe responsivo

Eu estava lendo esta postagem de stackoverflow intitulada "Você pode fazer um iFrame responsivo?", E um dos comentários / respostas me levou a esse jfiddle. Mas quando tentei implementar o HTML e CSS para atender às minhas necessidades, não tive os mesmos resultados / sucesso. Criei meu próprio...

143
CSS de opacidade não funciona no IE8

Estou usando CSS para indicar o texto do gatilho para uma seção deslizante do jQuery: ou seja, quando você passa o mouse sobre o texto do gatilho, o cursor muda para um ponteiro e a opacidade do texto do gatilho é reduzida para indicar que o texto tem uma ação de clique . Isso funciona bem no...