Transparency Mixin SASS para todos os navegadores
Transparency Mixin </> = opacity (! Opacity) </> opacity:! Opacity / * para todos os bons navegadores * / </> – moz-opacity:! opacity / * para Mozilla e Netscape * …
Continuar lendoopacity
CSS: regras de opacidade entre navegadores
#amazing-element { -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
Continuar lendobrowser / css / css3 / opacity / perfmatters / performance / reflow / repaint / transform / translate3d / translatez
Como não acionar a pintura do navegador quando a opacidade muda
Usando as opções do Chrome Dev Tools (Mostrar retângulos pintados), consegui descobrir que, ao alterar a opacidade para os estados de foco de um elemento, faz com que o navegador …
Continuar lendoRemova o movimento ao passar o mouse sobre as imagens
Remove o movimento do shakey ao animar a opacidade em imagens com larguras responsivas. img { opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); -webkit-backface-visibility: hidden; position: relative;}img:hover { opacity: …
Continuar lendoProblemas de alias de texto em transições e outros efeitos
Eu estava tendo problemas em vários projetos em que o aliasing de texto quando uma transição ocorreria faria com que o aliasing do texto passasse de subpixel para antialias por …
Continuar lendo