Como aplicar efeitos css3 e transforma em dreamweaver

Video: 1 - HTML y CSS con Dreamweaver

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:

Video: New CSS3 Support in Dreamweaver CS6

338048.image1.jpg

1A 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.

2Escolha quer um efeito a partir da lista suspensa na primeira (à esquerda) linha da nova coluna ou tipo de transformação

Para aplicar um efeito, tais como border-radius, escolher esse efeito a partir do menu.



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

338050.image3.jpg

3Introduzir um valor (es) para a transição ou efeito na segunda coluna

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

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

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

Video: Mostrando alguns Efeitos usando o css ( DREAMWEAVER )


Publicações relacionadas