Perguntas com a marcação «css»

CSS (Cascading Style Sheets) é uma linguagem de folha de estilos de representação usada para descrever a aparência e a formatação de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) e elementos SVG, incluindo (mas não limitado a) cores, layout, fontes, e animações. Também descreve como os elementos devem ser renderizados na tela, no papel, na fala ou em outra mídia.

1
O iOS Chrome calcula a altura incorreta do documento
Para preencher toda a altura da página, eu uso as height: 100%;tags html e body, e funciona bem até que um navegador seja fechado e reaberto. (Não uso 100vh devido a problemas em dispositivos móveis https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Passos para reproduzir: Abra https://angelika94.github.io/rick/ no Google Chrome no iPhone (você verá …
1
Como incorporar fontes em CSS no webpack?
Histórico do problema: estou usando o katex para renderizar matemática em uma página. Desejo, então, criar uma versão em PDF de parte dessa página, para criar um documento HTML que contenha a parte a ser exportada que incline todo o CSS e o transmita ao renderizador. O renderizador não pode …
2
Posicionar o iPhone pegajoso piscando
Seguindo um pequeno pedaço do meu código. Apenas querendo saber por que a célula "iphone" está piscando apenas no iphone. PS. Não posso usar uma tabela ou uma lista para a estrutura. Eu também tentei usar transform: translate3d(0,0,0);. Basicamente, eu preciso que a primeira célula seja pegajosa tanto para esquerda …
10 html  css 
2
Como impedir o iOS 13 Dark Mode de quebrar e-mails
Temos um aplicativo de comércio eletrônico que envia detalhes do pedido quando uma compra é feita e acabamos de redesenhar esse modelo de email. Nos últimos dias, recebemos relatórios de alguns clientes com metade do texto do e-mail ausente. Depois de finalmente obter uma captura de tela, descobrimos que o …
10 ios  css  email  gmail  ios-darkmode 
1
Efeitos colaterais da remoção de “width = width do dispositivo” da metatag da viewport quando a “inicial-scale = 1.0” também está definida
Embora a <meta name="viewport">tag não seja padronizada, "é respeitada pela maioria dos navegadores de celular devido ao domínio de fato". Uma desvantagem de não ser um verdadeiro padrão da Web é a documentação detalhada não está tão disponível quanto os outros padrões. O CSS Working Group tem uma especificação para …
4
Partes da borda div sendo cortadas
Eu tenho um elemento container que contém alguns outros elementos, mas dependendo do tamanho da tela, partes deles são inexplicavelmente cortadas em várias partes. Você pode observar o comportamento no link da minha sandbox de código, quando a página HTML é ajustada em largura (clicando e arrastando-a). Como garantir que …
2
Como desativar o botão enviar e os links ao clicar em CSS puro?
Desafiei-me a criar uma experiência visualmente dinâmica e interativa apenas em HTML e CSS (sem Javascript). Até agora, não encontrei nenhum recurso que eu precisasse em CSS e HTML puro. Este talvez seja um pouco mais difícil. Eu preciso impedir que o usuário clicar duas vezes <a>, <input type="submit">e <button>tags. …
9 html  css 
2
Elemento de fixo para relativo na rolagem
Criei um invólucro no qual animei o mesmo efeito da Apple na página do Airpods Pro . É basicamente um vídeo, quando eu rolar o vídeo é reproduzido pouco a pouco. A posição do vídeo é fixa, de modo que o texto rola sobre ele. No entanto, o texto é …
2
CSS SVG Várias animações
Eu criei uma animação de mapa do tesouro. Primeiro, ela exibirá o caminho em cinza claro, mas, quando a animação começar, eu gostaria que os traços em cinza claro desaparecessem ou passassem para uma cor preta quando a animação de preenchimento ".road" começar. lutando para fazer com que os traços …
9 css  svg 
1
Efeito personalizado que simula uma roda 3D com o Swiper 5
Preciso construir um carrossel com 12 itens que simulam uma roda 3D girando infinitamente. Para ser claro, preciso criar precisamente esse efeito: https://codepen.io/SitePoint/pen/yXWXaw (encontrado aqui ) mas com esses recursos adicionais (especialmente no computador e no celular): os slides devem seguir passo a passo o furto, ou seja, os slides …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.