Para um projeto meu (ver BigPictu.re ou bigpicture.js projeto GitHub ), eu tenho que lidar com potencialmente um, muito, muito grande muito <div>recipiente. Eu sabia que havia um risco de desempenho ruim com a abordagem simples que uso, mas não esperava que estivesse presente principalmente...
Acabei de encontrar um problema muito estranho que só aparece no Safari 10. Tenho cartas de jogar, imagens SVG, que às vezes são giradas usando transform:rotate(xdeg). O cartão que estou usando tem um padrão de bloco vermelho. Quando não é girado ou girado em ângulos retos, ou seja, 90, 180, 270,...
É possível alterar uma <span>tag (ou <div>) para pré-formatar seu conteúdo como uma <pre>tag faria usando apenas
Alguém sabe estilizar tr como gostamos? Eu usei border-collapse na tabela, depois que tr's podem exibir borda sólida de 1px que eu indiquei. No entanto, quando tentei -moz-border-radius, não funcionou. Mesmo a margem simples não
Ao usar uma fonte de largura fixa , gostaria de especificar a largura de um elemento HTML em caracteres . A unidade "em" deve ser a largura do caractere M, então devo ser capaz de usá-la para especificar uma largura. Isto é um exemplo: <html> <head> <style> div {...
Estou apenas começando com o Bootstrap do Twitter e me pergunto quais são as 'melhores práticas' para personalização. Eu quero desenvolver um sistema que tire proveito de todo o poder de um modelo css (Bootstrap ou outro), seja completamente (e facilmente) modificável, seja sustentável (ou seja -...
Eu sei que existe uma pseudoclasse CSS3 oficial :checked, mas existe uma :uncheckedpseudoclasse e elas têm o mesmo suporte para navegador? A referência do Sitepoint não menciona nenhum, no entanto, esta especificação whatwg (seja lá o que for) faz. Eu sei que o mesmo resultado pode ser alcançado...
Eu tenho o seguinte código: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style>...
Como o IE7 e o IE8 não suportam a notação de dois pontos duplos para pseudo-elementos (por exemplo, ::afterou ::first-letter), e como os navegadores modernos suportam a notação de dois pontos (por exemplo :after) para compatibilidade com versões anteriores, devo usar apenas a notação de dois pontos...
Eu gostaria de aplicar uma transição CSS a todas as propriedades, exceto a posição de fundo. Tentei fazer assim: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s...
Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 6 anos . Melhore esta questão...
Um truque comum para elementos de posicionamento vertical é usar o seguinte CSS: .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } Quando visto na visualização métrica como no Chrome, isto é o que você vê: No entanto, não há margem visual...
Existe uma maneira de integrar uma borda ao redor do texto como a imagem
Eu tenho a seguinte lista suspensa <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content...
Digamos que eu tenha um componente Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent {...
Eu criei esta barra de navegação recolhível usando o Bootstrap 4 que funciona bem, mas gostaria que fechasse quando o usuário clicar em um link. Alguma maneira de fazer isso? obrigado html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button
No momento, estou brincando com CSS3 e tentando obter um efeito de texto como este (a sombra interna preta borrada): Mas não consigo encontrar uma maneira de criar sombras de texto dentro do texto. Eu me pergunto se isso ainda é possível porque o elemento de sombra de caixa é capaz de renderizar...
Gostaria de saber como eu poderia redimensionar uma imagem junto com a janela do navegador, aqui está o que fiz até agora (ou baixar o site inteiro em um ZIP ). Isso funciona bem no Firefox, mas tem problemas no Chrome: a imagem nem sempre é redimensionada, de alguma forma depende do tamanho da...
Quando um SVG é incluído diretamente em um documento usando a <svg>tag, você pode aplicar estilos CSS ao SVG por meio da folha de estilo do documento. No entanto, estou tentando aplicar um estilo a um SVG que está incorporado (usando a <object>tag). É possível usar algo como o código a...
Eu tenho uma página com divs como abaixo <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> com estilo...