Posts tagged CSS
Centralizar imagem na horizontal e vertical com CSS
0Imagine a seguinte situação: você precisa centralizar uma imagem dentro de um box maior que a imagem e com dimensões atribuídas. Caso você insira a imagem via CSS, é fácil deixá-la centralizada, mas isso não é possível quando estamos utilizando a tag < img >.
Você poderia simplesmente fazer o seguinte:
Aplicar display:block à imagem Definir as margens esquerda e do topo para a imagem, deixando-a centralizada dentro do box.
Mas o grande problema é que você pode ter imagens no formato retrato e paisagem. Imagine uma galeria de fotos com fotos de diferentes tamanhos, você teria que definir um More >
Dica para organizar seu código CSS
0Hoje venho apresentar mais uma dica para todos vocês! Trata-se do StyleNeat, um organizador para seus arquivos CSS. Ele pega seu código e o reorganiza, mantendo um padrão na escrita, facilitando muito a compreensão de consulta de quem não escreveu o código, e até mesmo para quem escreveu e precisa consultá-lo depois de algum tempo.
Para aqueles que quiserem fazer um teste, o link é: http://styleneat.com/
Lembrando que seu código não sofre alterações, mantendo a mesma idéia aplicada por você quando o escreveu.
CSS3 Generator – Desvendando o CSS3
0Olá a todos!
Depois de alguns dias sem postar, estou aqui novamente…não, não abandonei o blog =) Simplesmente a vida anda corrida demais….mas vamos ao que interessa!
Vi uma dica no twitter do @pinceladasdaweb à alguns dias, e decidi compartilhar com vocês. Trata-se do CSS3 Generator. Você escolhe o efeito CSS3 que quer, e ele lhe dá o exemplo, com opção de edição, e o código para aplicar tal efeito. Uma mão na roda para dar início aos efeitos CSS3.
Clique na imagem ou acesse o link para conhecer o CSS3 Gererator….este vale a pena ir para os favoritos
10 exemplos do poder do CSS3
2O CSS3 ainda pode ser considerado um embrião, porém muitos designers e programadores já descobriram ótimas funcionalidades com ele…neste artigo quero apresentar-lhes 10 exemplos do bom uso do CSS3, e com os dias, conforme for possível, postar dicas de como utilizar bem o CSS3. Infelizmente não são todos os navegadores que dão suporte às novas propriedades do CSS3, e o pior deles nosso inimigo querido IE.
Vejam abaixo alguns exemplos com os links para as respectivas páginas:
Bolhas de discursos
Fonte: http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html
Efeitos fantáticos para botões com CSS3 e RGBA
Fonte: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
