Boteco Digital

CSS Web

As animações via CSS são uma forma simples de criar pequenos efeitos na página de forma rápida e simples e que não necessitam de conhecimento de Javascript. Uma animação CSS consiste em animar a transição de estilo CSS para outro, como a posição de uma imagem de fundo, a rotação de uma imagem, etc. Uma animação consiste de dois componentes: um estilo descrevendo a animação e um set de keyframes que descrevem o estado inicial e final do estilo CSS […]

mais
CSS

Estamos acostumados a dar algum destaque em elementos da página que usuário pode interagir como links e campos de texto. Geralmente apenas trocamos a cor da letra, background ou o sublinhado do texto. Para isso simplesmente alteramos a propriedade em questão no seletor da pseudo classe :hover e com isso o alteração da propriedade é instantânea. Mas muitas vezes queremos que esta alteração seja mais suave, levando mais tempo para ocorrer e para isso podemos utiliza a propriedade transition. Para […]

mais
CSS

Sempre houve uma grande dificuldade em trabalhar com fontes na web, o problema? Ficamos limitados a utilizar somente as fontes instaladas no computador do usuário, ou seja somente as fontes instaladas por padrão do sistema operacional. É claro existem algumas técnicas que podemos utilizar, mas sinceramente só não chamamos elas de gambiarras porque não existia outro modo! Agora com CSS3 temos a propriedade font-face que permite carregar um fonte externa e utilizá-la no navegador. Na linha 2 declaramos o nome […]

mais
CSS

Por muito tempo para utilizarmos bordas arredondadas tinhamos que utilizar imagens, o que nunca foi uma boa saida. Com CSS 3 chegou uma solução bem mais robusta, o border-radius que funciona em praticamente todos os browsers, utilizando diferentes declarações. O IE não possui nenhum suporte a bordas arrendondadas, mas a Microsoft já declarou que o IE9 terá suporte. Como ainda não existe compatibilidade é recomendada a utilização da prorpiedade somente para fins estéticos onde não irá afetar a usabilidade do […]

mais
CSS Web

O CSS3 está vindo ai certo, alguns browser já estão implementando algumas coisas legais que irão nos livrar de muitos “POGs” que somos obrigados a fazer e poupar bastante trabalho. Hoje gostaria de apresentar a propriedade text-shadow que é simplesmente a sombra do texto, e já esta disponível para a maior parte dos navegadores. Onde: Medida 1: é o deslocamento a direita(com valores negativos a sobra irá para esquerda). Medida 2: é o deslocamento para baixo(com valores negativos a sombra […]

mais