Resultados da pesquisa a pedido "css3"
Colunas responsivas de altura igual em linhas com apenas CSS3 / HTML5
Gostaria de criar um layout de tabela responsivo com o uso dodiv, a ser exibido paraapenas dispositivos móveis, onde os elementos têmaltura igual para cada linha usando apenas CSS / CSS3 e não JavaScript, nem jQuery ou plugin. Eu encontrei um ...
Barra / na sintaxe do raio da borda CSS
Recentemente me deparei com a seguinte sintaxe do raio da borda desconhecida para mim: .myClass{ border-radius: 30% / 20%; }Alguém pode explicar a sintaxe. E é compatível com o IE8?
Como fazer barras de rolagem personalizadas no IE?
Eu tenho essa barra de rolagem que funciona no Chrome e nas versões mais recentes do Safari. É possível criar o mesmo tipo de barra de rolagem para o IE9 + usando CSS puro? CSS: .scrollbar { float: left; height: 300px; background: #F5F5F5; ...
Ao passar o mouse sobre um pseudo elemento, faça o outro pseudo elemento aparecer?
Eu estava tentando gerar uma tela na qual utiliza o:before e:after pseudo-elementos, mas gostaria de saber se essa funcionalidade é realmente possível. Eu tenho uma div wrapper que é envolvida em torno de uma entrada (permitindopseudo elements ...
Como tornar a imagem de fundo desfocada ao passar o mouse?
Gostaria de desfocar minha imagem de fundo, digamos 5px, quando você passa o link com o cursor do mouse. Existe alguma maneira simples de fazer isso acontecer? Fiquei um pouco enredado com as classes e o id aqui #pic { ...
Seletores de CSS - Selecionando um elemento filho específico
Aqui está o meu trecho de código: <div class="totals"> <table id="shopping-cart-totals-table"> <col /> <col width="1" /> <tfoot> <tr> <td style="" class="a-right" colspan="1"> <strong>Grand Total</strong> </td> <td style="" class="a-right"> ...
Qual é a combinação certa de prefixos para transições e transformações CSS?
Qual seria a maneira correta de prefixar esse CSS para cobrir a maior variedade de navegadores e versões? Versão 1: -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: ...
Vídeo em segundo plano com 100% de largura e altura fixa
Eu preciso rodar um vídeo em segundo plano. Os requisitos são de que o vídeo terá que ser executado com 100% de largura e 600px de altura / altura máxima. Aqui está o que eu tentei fazer. https://jsfiddle.net/yydkd5t4/1/ ...
Quebra de linha no flexbox de várias linhas
Existe uma maneira de fazer uma quebra de linha no flexbox de várias linhas? Por exemplo, para quebrar após cada terceiro itemnesta caneta [http://codepen.io/SakerONE/pen/bdbLNz] .container { background: tomato; display: flex; flex-flow: row ...
Como criar efeito de rejeição CSS3
Estou tentando criar um efeito de rejeição no final da animação sem usar nenhum código ou javascript de terceiros. Não faço ideia de como fazer isso usando apenas CSS puro. Aqui está o que eu tenho até agora: HTML: <div></div> <div></div> ...