Atividade de Desenvolvimento Web com CSS e Jquery

Prévia do material em texto

__________________________________ATIVIDADE DA AULA 05, 06, 07 e 08 
Você deverá responder as questões a seguir e enviá-las por meio do Portfólio – ferramenta do ambiente de aprendizagem UNIGRANET. Em caso de dúvidas, envie mensagem para o e-mail felipe.perez@unigran.br
1 – A partir da atividade das aulas 01, 02, 03 e 04 você deverá acrescentar: 
· 2 Animações com CSS; 
· 3 Eventos com Jquery;
Você deverá descrever na tabela abaixo o que você fez e em qual linha e arquivo se encontra seu código.
	Animações CSS
	Animação
	Código
	Arquivo
	Linha
	Fazendo o texto deslizar através da janela do navegador
	.title{
 animation-duration: 6s;
 animation-name: slide;
 animation-iteration-count: inherit;
 }
 @keyframes slide {
 from {
 margin-left: 100%;
 width: 100%;
 }
 to {
 margin-left: 0%;
 width: 100%;
 }
 85%{
 font-size: 300%;
 margin-left: 25%;
 width: 150%;
 }
 }
	animacao.css
	187
	animação de loading com CSS puro
	.card-icon {
 animation: slidein 1s infinite;
 animation-duration: 6s;
 animation-name: slidein;
 animation-iteration-count: initial;
 animation-direction: alternate;
 }
@keyframes slidein {
 to {
 transform: rotate(1turn);
 }
}
	animacao.css
	201
	Eventos Jquery
	Evento
	Código
	Arquivo
	Linha
	Métodos de desvanecimento
	$(document).ready(function() {
$("#imagen1").click(function(){
 $("#div2").fadeIn("slow");
});
});
	animacao.js
	187
	Método para remoção de elementos selecionados.
	$(document).ready(function(){
 $(#imagen2).click(function(){
 $("div2").remove();
 });
});
	remove.js
	199
	Método para remover textos.
	$(document).ready(function(){
$("button").click(function(){
$("#remove").hide(1000);
});
});
	retira.js
	301
Você deverá compactar todos os arquivos da sua página em um .zip e enviar pela plataforma.
Fundamentos de Desenvolvimento Web – Felipe Pereira Perez - UNIGRAN