Como aplicar efeitos e transformações no Dreamweaver CSS3

Os efeitos CSS3 e transformações podem ser definidas no painel Estilos CSS. Criando um efeito CSS3 leva algum digitação de sua parte. Para adicionar um efeito CSS3 ou transformar a uma definição de estilo, siga estes passos:

1

A partir do separador Todos do painel Estilos CSS, selecione o estilo e, em seguida, clique no link Adicionar propriedade.

Uma nova linha torna-se activo na parte inferior do painel.

2

Escolha qualquer um efeito a partir da lista drop-down no primeiro (à esquerda) da linha da nova coluna ou tipo Transform.

Para aplicar um efeito, tais como border-radius, escolha o efeito a partir do menu.

Para aplicar uma transição, tais como girar, escolher o Transform no menu. Uma segunda lista drop-down, em seguida, aparece na coluna da direita a partir do qual você pode escolher transformações específicas (tais como rotação, escala, inclinação ou traduzir).

3

Introduzir um valor (s) para o efeito de transição ou na segunda coluna.

A quantidade de ajuda que recebe varia. Por exemplo, se você definir uma border-radius efeito, uma caixa de diálogo acessível aparece quando você clica na segunda coluna no painel Estilos CSS. Em seguida, clique fora da caixa de diálogo pop-up para aplicar as configurações que você selecionou.

4

Quando terminar efeitos de definição e transições, escolha Arquivo-Salvar tudo para salvar seu documento HTML aberto e a folha de estilo vinculada.

Você pode ver o impacto de seus efeitos e transições, visualizando a página em um navegador (escolha Arquivo-Visualizar no navegador).

Semelhante

menu