O documento discute as principais características da especificação CSS3, incluindo seletores aprimorados, novas propriedades para caixas, bordas, fundos e textos. Apresenta os módulos mais importantes de CSS3 e explica recursos como imagens de fundo múltiplas, valores de cor RGBA, gradientes, sombras, transições e layouts de múltiplas colunas.

1. Arthur Emanuel de O. Carosia

2.  Padrão mais recente para CSS.
 Compatível com versões anteriores do CSS.
 A maioria das novas propriedades CSS3 já
estão implementadas em navegadores
modernos.

3.  Módulos mais importantes do CSS3:
◦ Selectors
◦ Box Model
◦ Backgrounds and Borders
◦ Image Values and Replaced Content
◦ Text Effects
◦ 2D/3D Transformations
◦ Animations
◦ Multiple Column Layout
◦ User Interface

6.  Permite adicionar múltiplas imagens de fundo
em um elemento

7.  Valores de cor RGBA são uma extensão dos valores
de cor RGB com um canal alfa - que especifica a
opacidade de uma cor (valor entre 0 e 1).

8.  Gradientes CSS3 permitem exibir transições
suaves entre dois ou mais modelos
especificados cores.
 Anteriormente, feito por imagens
 CSS3 define dois tipos de gradientes:
◦ Lineares: (para baixo / para cima / esquerda /
direita / diagonal)
◦ Radiais: (definido pelo seu centro)

11.  Adicionar sombras a texto e elementos HTML.
 Espalhamento horizontal, vertical e cor da
sombra
 Sombra com “borrão”

12.  Sombras em elementos

13.  Permitem que altere os valores de
propriedade durante um determinado
período.

14.  Transições em diversas propriedades, com
tempos diferentes

15.  Continuando a página do portal de notícias
esportivas, faça as seguintes adições à
página:
◦ Utilize divs com bordas arredondadas para cada
notícia;
◦ Adicione efeitos de transição nas divs que julgar
adequado
◦ Utilize sombras na div do conteúdo principal
◦ Utilize divs com gradiente linear ou radial
◦ Crie fundos com mais de uma imagem
◦ Utilize cores em RGBA

16. Arthur Emanuel de O. Carosia