Perguntas com a tag [css3]

Usa-se o termo CSS3 para se referir às propriedades e seletores do CSS adicionados após o nível 2.1 da especificação. Utilize esta tag para perguntas sobre os novos módulos do CSS.

Filtrar por
Ordenado por
Com tags
-1 votos
1 resposta
55 visitas

JQuery Cyclo 2 problema com efeito

tenho o seguinte html: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Slider</title> <script type="text/javascript" src="...
3 votos
2 respostas
99 visitas

Ajuda com @keyframe de efeito

Para não causar confusão no tópico Div's aparecendo e correndo, resolvi criar outro pois o problema agora mudou. Tenho o html: * { margin: 0 auto; padding: 0; } body { width: ...
3 votos
1 resposta
174 visitas

Div's aparecendo e correndo

tenho a seguinte estrutura de div's <div id="box"> <div id="1">1</div> <div id="2">2</div> <div id="3">3</div> </div> E o seguinte css: #box { ...
1 voto
2 respostas
935 visitas

Apresentar DIV sobre outra DIV

Estou usando uma DIV com a mensagem "processando" e fundo opaco, todas as vezes que ocorre uma requisição (iteração do usuário ao clicar em um botão). Porém, esta tela também é apresentada quando ...
3 votos
1 resposta
82 visitas

Alterar o font-size pelo @font-face

É possível alterar o font-size de uma fonte dentro do @font-face? Estou tentando o seguinte: @font-face { font-family: kivetts; src: url(fonts/kivettsregular.otf); } @font-face { font-...
7 votos
5 respostas
9mil visitas

Como centralizar uma div com position:fixed?

Gostaria de saber se é possível centralizar uma div com o position:fixed ? Atualmente tentei centralizar o usando o margin:0 auto mas não funcionou... infelizmente como a largura da minha div fixed ...
0 votos
1 resposta
1mil visitas

Como faço o transition funcionar na "ida e na volta" ao usar hover?

Tenho esse :hover aqui... .novidades{ background-color: #F5dcdc; background-color: #f5dcdc; background: linear-gradient(#f5dcdc, #bebef4); position: relative; bottom: 0; } .novidades:hover{...
0 votos
1 resposta
111 visitas

Erro no CSS - Django FormField

Esta dando o seguinte erro no meu formulário Django 1.9 Vejam que no label fica com o :> no final. EU NÃO QUERO QUE APARECE O SINAL DE MAIOR (>) NO FINAL DO LABEL Ex: Nome: > Segue meu codigo ...
-2 votos
1 resposta
180 visitas

Qual o nome desse efeito? [fechada]

Gostaria saber qual o nome deste efeito. Onde tem ALL, IDENTITY, LOGO e PRINT. Ao clicar em cada item, a imagens são separadas por categorias. Clique aqui para acessar
6 votos
1 resposta
736 visitas

Como reformular UI do radio e checkbox?

Estou utilizando radio e checkbox customizados do bootstrap, percebi que alguns clientes tiveram dificuldades em assimilar que eram checkbox ou radios e que deveriam realizar a ação de selecionados. ...
2 votos
1 resposta
94 visitas

Menu com CSS3 e Javascript

Quero fazer um menu até certo ponto simples com CSS3 e Javascript. Meu menu precisa ter um "hamburger" e quando clicar precisa virar um "X". Quando clicar em algum link ele também precisa fechar e o "...
0 votos
1 resposta
732 visitas

Como fazer Hover para link e ícone ao mesmo tempo

Bom dia, pessoal. Estou com o seguinte código HTML: <li> <a href="../navbar/" class="navbar-top user-color"> <span class="glyphicon glyphicon-user gly-user" aria-...
7 votos
1 resposta
433 visitas

Meu arquivo CSS é muito grande e fica difícil manter a legibilidade

O meu Arquivo CSS está perto de 10 mil linhas. Está ficando muito complicado dar manutenção nesse arquivo. em sua versão de Desenvolvimento o arquivo "pesa" 170kb e em sua versão minificada, "apenas" ...
4 votos
2 respostas
7mil visitas

Como fazer uma barra de progresso com etapas?

Como eu poderia fazer uma barra de progresso de etapas usando html5, css3 e js? Um exemplo para deixar mais claro o que eu preciso fazer: Tenho preferência por fazer do zero, mas, existe alguma ...
0 votos
1 resposta
253 visitas

Font-size Responsivo

estou precisando de uma ajuda para ajustar um detalhe no site do cliente, pois estou gerando alguns cards na tela quando cadastrado, mas conforme a a resolução da tela ele não fica bem, então, venho ...
1 voto
1 resposta
988 visitas

Efeitos para menu com CSS3

Quero que quando eu clique no menu button #menu ele venha da esquerda pra direita ocupando a tela toda. Alguém pode me ajudar a fazer isso com css3? No momento faço o menu descer com o slidetoggle do ...
0 votos
1 resposta
163 visitas

Aumentar gradativamente um background-image a partir de um ponto

Preciso do efeito abaixo em css3 ou javascript. Ir para GIF O que já tenho é somente o básico: A imagem não faz o efeito desejado, pois ela parti do seu próprio centro. Preciso que seja a partir de ...
1 voto
2 respostas
972 visitas

Centralizar DIV verticalmente sem altura fixa no CSS

Existem diversas maneiras para centralizar o conteúdo de uma <div> verticalmente. Entretanto, quando tratamos de uma altura que não seja em pixels, as pessoas começam a pensar se há um método ...
0 votos
1 resposta
223 visitas

Ocultar caixa de clique (toque) em um site HTML5/CSS3?

Estou fazendo um site para servir com um app para um trabalho na faculdade, o desing tá ok (por enquanto, e funcionou legal no smartphone. Porém, no menu há um erro quando eu pressiono algum item do ...
6 votos
3 respostas
2mil visitas

Problema em deixar largura do campo automática em layout responsivo

Tenho a seguinte situação.. Estou trabalhando em um layout responsivo que possui três colunas, sidebar esquerda, centro e direita... Acontece que dentro da sidebar direita existe um campo de texto e ...
1 voto
1 resposta
716 visitas

overflow sobrepondo padding

Bom tenho uma div onde uso o padding e o overflow porem quando o overflow é ativado e aparece a barra de rolagem o texto passa por cima da area do padding, exite uma maneira de fazer com que o ...
2 votos
3 respostas
4mil visitas

Menu Dropdown do Bootstrap não funciona em site asp.net

Tenho uma página index.html que o recurso do menu dropdown funciona normalmente, mas quando eu migrei para asp.net parou de funcionar. Estou usando uma página Default.aspx que herda da masterpage....
0 votos
1 resposta
207 visitas

Padding x position:fixed ou position:absolute

Preciso usar o padding para deixar um espaçamento entre a borda e o centro porem o que quando uso padding a div esta se movendo algum tem alguma ideia? http://yugioh.site/layout.html css html, ...
2 votos
2 respostas
3mil visitas

Pegar background-color de outro elemento

É chato ficar sempre alterando a cor de background de varios objetos, quero saber se tem como eu definir a cor de um objeto e depois so igualar a cor dos outros com a cor desse objeto, para ficar algo ...
1 voto
2 respostas
2mil visitas

Pegar primeiro elemento da linha e ultimo

Tenho uma li e queria pegar os elementos que estão escritos MARCADO abaixo. Porém usei o nth-of-type, funciona para pegar o 4 elemento sempre, porém não consegui fazer pegar o próximo. Alguém ...
1 voto
0 respostas
565 visitas

Fiz a implementação do fb:app_id mas no debug não está sendo identificado

fiz a implementação do: <meta property="fb:app_id" content="966242223397117" /> Mas quando faço o debug pelo endereço: https://developers.facebook.com/tools/debug/og/object/ ele informa que ...
0 votos
1 resposta
3mil visitas

Como fazer um menu-div aparecer quando clicado em um botao?

Estou tentando fazer um menu semelhante a este: Clique aqui para ver o exemplo do menu O que fiz, coloquei uma div por cima da outra utiliando o position:absolute e ocultei a div responsável pelo ...
-2 votos
2 respostas
1mil visitas

Porque a css não está funcionando [fechada]

Preciso que ajudem a ajustar,deve está havendo algum erro pra ficar tão grande... preciso dessa notificação topo da página. Sem interferir os outros textos. No caso quero que a notificação fique bem ...
1 voto
2 respostas
72 visitas

Como retirar comentários automáticos gerados pelo Compass?

Escrevo o código em SCSS, e quando gero o CSS ele vem com comentários de onde está a Class ou ID no meu SCSS. Alguém sabe como posso retirar esses comentários gerados pelo compass do meu arquivo CSS?
2 votos
1 resposta
4mil visitas

Como colocar uma SECTION uma ao lado da outra?

Não consigo, sempre quando tento corta o rodapé ou ele sobe. .principal { margin: 0 auto; background-color: #000000; } .bloco { height: 100%; width: 50%; padding: 5px; border-...
1 voto
1 resposta
576 visitas

Passar mouse sobre div e abrir maior

Desejo que, ao passar o mouse sobre uma div, essa mesma div seja ampliada, tal como na imagem abaixo: Tenho uma lista com vários elementos, quando passar o mouse sobre o elemento (div), ela ficaria ...
0 votos
1 resposta
4mil visitas

Bootstrap Navbar Fixed Top sobrepondo o slider carousel

Estou fazendo um menu navbar fixed top e quero que este menu acompanhe o scroll quando desliza a página, porém a navbar está se sobrepondo a seção logo abaixo que é o slider. Queria saber como deixa-...
2 votos
2 respostas
7mil visitas

Como deixar uma div e uma imagem por cima de um carousel?

Quero fazer um carrousel e por cima dele, uma div e a logo, para dar aquele efeito de estar sobreposto. Tente fazer como neste EXEMPLO, mas sem sucesso. Quando adiciono tais propriedades (absolute e ...
2 votos
2 respostas
1mil visitas

Criar botão com borda octagonal usando somente html e css

Preciso criar um botão com as bordas em octogonais como no exemplo anexado porém não obtive êxito. Preciso que tenha uma borda branca e que o fundo seja livre para que possa mudar de cor quando ...
5 votos
1 resposta
8mil visitas

Modal ocupar tela inteira

Tenho a seguinte Modal e quero que ela ocupe a tela inteira / ou maior parte da tela: <div class="modal fade" id="treinamentos" tabindex="-1" role="dialog" aria-labelledby="alterarLabel" style="z-...
11 votos
1 resposta
3mil visitas

O que significa o seletor CSS :first-child e :last-child?

Tenho um código usando jQuery que se baseava nos seletores CSS :first-child e :last-child (e que funcionou por um bom tempo), para obter o primeiro input e o último input dentro de um grupo contendo ...
2 votos
2 respostas
411 visitas

Equivalente hide e show em CSS [fechada]

O código abaixo não é executado em todos os navegadores: <button id="btn"> <img class="" src="/img/icone-formation.png" height="100%" width="100%" ...
12 votos
2 respostas
6mil visitas

Setas utilizando apenas CSS

Gostaria de saber, se é possível, efetuar a seguinte seta, utilizando apenas CSS: Costumo efetuar outros tipos de setas, utilizando CSS, porém sempre que me debato com casos igual a este, onde a seta ...
2 votos
1 resposta
40 visitas

Colocando um form-inline dentro de uma panel-group e continuar todos elementos in-line

Não estou conseguindo alinhar o "Collapsible Group Item #1" com os "form(s)" como pode ser visto neste exemplo: https://jsfiddle.net/mzygnyb2/ Busquei colocar a classe 'in-line' em algumas partes do ...
0 votos
2 respostas
2mil visitas

Como colocar background Auto Ajustavel? [duplicada]

Como colocar fundo auto ajustável à tela? Coloquei assim no meu body mas quando entro no celular ele fica cortando o background, só fica até onde tem elemento. body{ clear: both; ...
0 votos
2 respostas
924 visitas

Página modo paisagem não se ajusta

Eu coloquei uma foto do fundo, tendo 100% de altura. Quando abro o site pelo celular (ou console Chrome / Firefox) no modo paisagem, o fundo da imagem não ocupa todo o espaço. No modo de área de ...
3 votos
1 resposta
161 visitas

É possível selecionar todos os elementos com uma determinada classe apenas com CSS?

Estava dando uma olhada nos seletores, e não encontrei uma forma de selecionar todos os elementos que tenham uma determinada classe. Tentei por exemplo: select[form-control] { } Tentando pegar ...
0 votos
1 resposta
43 visitas

Quando eu redimensiono o viewport, a imagem desce para o fundo da página

O site tem uma imagem de centro e um pequeno texto. Quando eu redimensiono a página, ela se vai se ajustando (responsividade). Quando chega em determinado ponto 350-400px aproximadamente, a div com a ...
1 voto
2 respostas
1mil visitas

Menu lateral com width fixo e content 100%

Eu estou trabalhando em um projeto, que o meu menu lateral tem 300px e o meu content tem 100% relativo com o meu menu. Eu aplico o seguinte estilo: header { position: fixed; top: 0; left: 0; ...
1 voto
4 respostas
273 visitas

Box de diferentes altura se encaixarem igual Pinterest

Estou com um problema, não estou conseguindo deixar os blocos de diferentes alturas (height) mais ou menos igual ao pinterest, no meu caso são duas colunas respeitando a seguinte regra de responsivo ...
0 votos
4 respostas
1mil visitas

Como fazer um background cover numa div separada?

Estou fazendo um site com com menu lateral. 30% da tela é o menu e o restante é o conteúdo. Na div do conteúdo, quero colocar uma imagem de fundo, utilizando o método COVER. Utilizei o primeiro: ...
2 votos
0 respostas
55 visitas

O que é ">" em CSS3? [duplicada]

Sempre tive esta dúvida: para que serve o > no CSS3? Já tentei deduzir em vários arquivos a sua função, mas ainda não entendi. Isso: nav > li > a { ... } não seria o mesmo que isso?: nav ...
1 voto
1 resposta
411 visitas

Linear-gradient e compatibilidade com navegadores

Estou utilizando o seguinte css de background em um menu: background: -webkit-linear-gradient(left, #0260a9, #444); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, #0260a9, #444); /...
1 voto
1 resposta
67 visitas

Botão desalinha depois de trocar css com Jquery

Tenho o seguinte input: Ao clicar no botão alterar um novo input aparece: Ao clicar nesse botão remover, o primeiro input volta a aparecer, só que o botão quebra a linha e fica assim: Eis o script ...
2 votos
1 resposta
1mil visitas

Como fazer com que uma imagem seja exibida na tela inteira apenas no modo mobile?

São dois modelos de site, o desktop (Que já está ok) e o mobile. No mobile, eu quero que ele exiba um fundo preto com APENAS uma imagem ocupando o centro da tela. TODA a extensão (altura e largura) ...

1
32 33
34
35 36
40