Ok, então todos sabem que você pode fazer um triângulo usando isto: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } E isso produz um triângulo sólido preenchido. Mas como você faria um triângulo em...
Estou tendo problemas para aplicar um efeito de desfoque em uma div de sobreposição semitransparente. Eu gostaria que tudo atrás do div fosse desfocado, assim: Aqui está um jsfiddle que não funciona: http://jsfiddle.net/u2y2091z/ Alguma ideia de como fazer isso funcionar? Eu gostaria de manter...
No violino abaixo, eu tenho uma transição na visibilidade e opacidade separadamente. O último funciona, mas o primeiro não. Além disso, em caso de visibilidade, o tempo de transição é interpretado como atraso na saída do mouse. Acontece no Chrome e no Firefox. Isso é um
Como usar o ngStyle para adicionar imagem de fundo? Meu código não funciona: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo +
Gostaria de saber se existe alguma maneira de ativar o recuo automático de um arquivo CSS no código do Visual Studio com o atalho ALT+ SHIFT+ F? Está funcionando bem com JavaScript, mas estranhamente não com
É possível em CSS, usando uma propriedade dentro de uma @page, dizer que os cabeçalhos da tabela (th) devem ser repetidos em todas as páginas se a tabela se espalhar por várias
Como está atualmente, esta pergunta não se encaixa em nosso formato de perguntas e respostas. Esperamos que as respostas sejam apoiadas por fatos, referências ou experiência, mas esta pergunta provavelmente irá solicitar debate, argumentos, pesquisas ou discussão extensa. Se você...
Não consigo definir a linha da minha tabela como link para algo. Posso usar apenas css e html. Eu tentei coisas diferentes de div in row para algo outro, mas ainda não consigo fazer
O seguinte foi retirado da redefinição CSS do Yahoo. Alguém pode explicar o propósito dos asteriscos? body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small;
Estive olhando o plugin jquery e me perguntando como adaptá-lo para transformar um número (como 4,8618164) em 4,8618164 estrelas preenchidas com 5. Basicamente interpretando um número <5 em estrelas preenchidas em um sistema de classificação de 5 estrelas usando jQuery / JS / CSS. Observe que...
Eu tenho o liseguinte estilo: li{ display:inline-block; padding:5px; border:1px solid none; } li:hover{ border:1px solid #FC0; } Quando eu passo o mouse sobre a liborda, aparece sem fazer o lideslocamento do. É possível ter uma 'borda' que não é
Como dar borda a qualquer elemento usando css sem adicionar a largura da borda a toda a largura do elemento? Como no Photoshop, podemos dar traços- dentro, centro e fora Acho que as propriedades de borda css padrão estão no centro como no centro no photoshop, estou certo? Quero dar borda dentro...
Se eles existirem na programação), Se eu tiver um formulário HTML com as seguintes entradas: <input type="text" /> <input type="password" /> <input type="checkbox" /> Quero aplicar um estilo a todas as entradas que sejam type="text"ou type="password". Alternativamente, eu me...
Estou tentando posicionar o elemento de texto "Aposta 5 dias atrás" no canto inferior direito. Como posso fazer isso? E, mais importante, explique para que eu possa conquistar
Por exemplo, se eu tiver o seguinte HTML: <div class="someDiv"></div> e este CSS: .opacity { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .radius { border-top-left-radius: 15px; border-top-right-radius: 5px; -moz-border-radius-topleft:...
Estou armazenando folhas de estilo em {root} / styles enquanto imagens em {root} / images para um site. Como forneço o caminho nas folhas de estilo para procurar no diretório de imagens as imagens especificadas? por exemplo em background-image: url('/images/bg.png');
Estou usando o LESS para melhorar meu CSS e tentando aninhar uma classe dentro de outra. Há uma hierarquia bastante complicada, mas por algum motivo meu aninhamento não funciona. Eu tenho isto: .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span...
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...
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:
Problema Eu tenho um arquivo CSS com alguns caminhos nele (para imagens, fontes, etc. url(..)). Minha estrutura de caminho é assim: ... +-src/ | +-MyCompany/ | +-MyBundle/ | +-Resources/ | +-assets/ | +-css/ | +-stylesheets... +-web/ | +-images/ | +-images... ... Quero fazer referência às minhas...