CSS 3

Novas características das especificações de Folhas de Estilo em Cascata CSS 3 para desenhar páginas web.
Capítulos do manual
1.- Introdução a CSS3
Alguns navegadores começam a implementar CSS3, portanto é hora de começar a conhecer algumas diferenças e melhoras com respeito a CSS2.

2.- Atributo gradiente de cores em borda com CSS e Firefox
Possibilidade de definir um gradiente de cor na borda dos elementos com CSS, em um atributo não padronizado de Firefox.

3.- Bordas arredondadas em CSS 3
As características de CSS 3 incluem bordas arredondadas, através do atributo border-radius, que define a curvatura que deve ter a borda do elemento.

4.- Múltiplas imagens de fundo com CSS
Como conseguir que um elemento da página tenha várias imagens de fundo ao mesmo tempo, com CSS básico e com características de CSS 3.

5.- Cores RGBA em CSS 3
Veremos o que são as cores RGBA e sua notação, que se incluem na especificação de Folhas de Estilo em Cascata CSS 3.

6.- Word-wrap em CSS 3
Uma propriedade de CSS 3 que serve para romper as palavras que são longas demais e não cabem inteiras pela largura de uma caixa.

7.- Textos multi-coluna com CSS 3
CSS 3 incorpora novos atributos para que o navegador se encarregue de produzir texto multi-coluna, ou seja, que construa diretamente o texto em várias colunas sem termos que fazer nada.

8.- Bordas com imagens em CSS 3
O atributo border-image e vários outros de CSS 3 tornará possível a utilização de imagens como bordas dos elementos da página, sem código HTML especial, simplesmente com folhas de estilo.

9.- Sombras em CSS 3 com box-shadow
Criar sombras em CSS3 com o atributo box-shadow. Finalmente, poderemos aplicar sombras aos elementos da página, sem usar imagens, Javascript nem nada extra, simplesmente com um atributo de CSS 3.

10.- Resplendor exterior com CSS3
Como realizar um elemento que tenha um resplendor exterior com CSS3 e a propriedade box-shadow.

11.- Propriedade background-origin de CSS 3
A propriedade background-origin de CSS 3 permite decidir a posição da imagem de fundo em relação à borda , padding ou ao conteúdo do elemento.

12.- Introdução a @font-face de CSS
Fontes em CSS 3. Sintaxe e principais características da regra CSS @font-face, que nos permite utilizar qualquer tipografia em uma página web.

13.- Degradés com CSS 3
Apresentação das características dos degradés com CSS3, que permitem fazer todo o tipo de gradientes sem necessidade de usar imagens.

14.- Degradés lineares com repetição com CSS3
Estudaremos o atributo repeating-linear-gradient de CSS3, que permite realizar degradés lineares com múltiplas repetições do mesmo gradiente de cor.

15.- Degradê linear, linear-gradient de CSS3
Explicação detalhada dos degradês lineares de CSS3 que conseguimos com a propriedade linear-gradient. Criar degradês de cores, que se distribuem em um gradiente linear.

16.- Degradés radiais com CSS3
Veremos agora como conseguir degradés CSS3 em um gradiente de cor que se distribuirá de forma radial, criando tanto círculos quanto elipses.

17.- Degradés radiais de repetição com CSS3
Os degradés CSS 3 radiais, em sua versão com repetições, que nos permitem definir fundos com gradientes de cor que seriam muito difíceis de implementar com imagens.

18.- Introdução às animações CSS
As animações CSS nos permitem realizar efeitos que até agora só estavam disponíveis em outros tipos de tecnologias. Veremos os principais aspectos que devemos saber sobre as animações CSS 3.

19.- Conceitos básicos para a animação CSS
Seguimos com o tema das animações CSS e revisamos os conceitos e propriedades mais básicas para poder criar uma animação simples com CSS 3.

20.- Animação de um texto com CSS 3
Realizamos um exemplo básico de animação CSS 3 sobre uma camada com um simples texto. Veremos como fazer funcionar este primeiro exemplo de animação CSS em navegadores baseados em Webkit.

21.- Fundo animado com CSS 3
Prática sobre Animações CSS3, na que construímos um fundo animado no estilo do filme Matrix, utilizando unicamente código CSS 3.

22.- Fundo nevando com CSS 3
Oficina de animação CSS 3, na que criamos um fundo onde simulamos que estão caindo flocos de neve, utilizando apenas CSS 3.

23.- Álbum com efeitos em CSS 3
Criamos um álbum de fotos com estilos impactantes de CSS 3 e animação, sem utilizar Javascript ou jQuery.

24.- Segundo exemplo de álbum fotográfico animado com CSS 3
Realizamos outro exemplo de animações para sua galeria de fotos somente com CSS 3.

25.- Menu animado com CSS 3
Novo exemplo de animações CSS 3, no que construímos um menu animado com HTML e CSS, sem necessidade de Javascript nem de jQuery.

26.- Sombras no texto com text-shadow de CSS
Como aplicar sombras e outros efeitos nos textos com CSS e o atributo text-shadow.

27.- Desenho animado com CSS 3
Prática geral sobre diferentes técnicas de animação CSS, na que realizamos um desenho animado por vários elementos que têm diferentes particularidades.

28.- Botões com efeitos CSS 3
Criamos uma série de botões com cores e efeitos, ao passarmos o mouse sobre eles, unicamente com CSS 3.

29.- Atributos CSS3 overflow-x e overflow-y
Descrição dos atributos de CSS3 overflow-x e overflow-y, que servem para definir como renderizar um conteúdo quando ultrapassa os limites de um container na horizontal ou na vertical.

30.- Animações CSS3 vs Animações jQuery
Comprovaremos in situ como uma simples animação afeta o rendimento do navegador quanto ao uso da memória se refere. Uma vez acabado o artigo tiraremos uma conclusão com um ganhador.

31.- Como fazer com CSS3 um balão de cartum ou globo de historia em quadrinhos
Por meio de formas CSS podemos implementar, apenas com uma camada e estilos CSS3, os típicos globos de historias em quadrinhos ou balões de cartuns.

32.- Border-radius conferencia Lea Verou
Se você tem tempo e vontade para aprender as possibilidades de border-radius em CSS, vale a pena investir assistindo este vídeo.


Downloads
Archivo de descarga 192.62 KB CSS3. Novas características das especificações de Folhas de Estilo em Cascata CSS 3 para desenhar páginas web.

Comentarios
Envie seus comentários ou opiniões sobre este manual.
Comentar o manual

Comentários do manual
Foram enviados 5 comentários à manual
1 comentário não revisado
4 comentários revisados:
Cada Para download?
Por: vitorlelis
17/5/10
Ae pessoal publica o modo pra download ae!

^^
Vlw!

Grande Abrass! e obrigado por tud
Blz de +
Por: cifro13
02/3/12
Põe em versão de impressão tbm q fica joia++
Manual CSS3
Por: kblojf
14/4/12
Excelente, estão de parabéns, só fiquei com uma dúvida, como fazer com que o segundo exemplo de Album de fotos css3 funcione no IE. Valeu.
Parabens
Por: kandim
22/8/13
Este site é o meu melhor amigo, na hora de programar, sou um principiante mas com a vossa ajuda estou dando passos largos..
Excelente trabalho
Valeuuu

Usuários :    login / registro

Neste manual
Baixar manual

Categorias relacionadas:

Manuais relacionados