Skip to content

Commit

Permalink
Aplicando correções em relação ao scroll
Browse files Browse the repository at this point in the history
  • Loading branch information
Jorge-Marcelo committed Sep 7, 2023
1 parent 607def1 commit cd700be
Show file tree
Hide file tree
Showing 3 changed files with 22 additions and 18 deletions.
7 changes: 5 additions & 2 deletions css/animScroll.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,11 @@ Instagram: https://www.instagram.com/10_stronger/
Threads: https://www.threads.net/@10_stronger
*/

*{
margin: 0;
padding: 0;
}

/*Definindo animação*/
[scroll-anim]{
opacity: 0;
Expand All @@ -22,10 +27,8 @@ opacity: 1;
/*Direção da animação*/
[scroll-anim="top"]{
transform: translate3d(0px, -50px,0px);
margin-top: 60px;
}





2 changes: 1 addition & 1 deletion css/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ font-family: 'Josefin Sans', sans-serif;
font-size: 2em;
text-align: center;
color: rgb(255, 255, 255);
margin: 20px 150px;
margin: 10px 150px;
}

figcaption{
Expand Down
31 changes: 16 additions & 15 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -80,9 +80,9 @@

<section id="sobre">
<article>
<h1 class="itens-title">Sobre o Jogo</h1>
<h1 class="itens-title "scroll-anim scroll-anim="top">Sobre o Jogo</h1>

<p class="scroll-anim" scroll-anim="top">
<p class= "scroll-anim "scroll-anim="top">
Streets of Rage 4, conhecido no Japão e na Ásia como Bare Knuckle IV, é um jogo
eletrônico do gênero beat 'em up desenvolvido pela Lizardcube e Guard Crush Games,
</p>
Expand All @@ -92,7 +92,7 @@ <h1 class="itens-title">Sobre o Jogo</h1>
com a Sega Games. É a sequência de Streets of Rage 3, do Mega Drive.
</p>

<figure class="scroll-anim">
<figure>
<article>
<img src="assets/img/body/Inicial/img1.png" class="img1 scroll-anim" scroll-anim="top">
</figure>
Expand All @@ -102,7 +102,7 @@ <h1 class="itens-title">Sobre o Jogo</h1>
<section id="jogabilidade">
<article>

<h1 class="itens-title">Jogabilidade</h1>
<h1 class="itens-title "scroll-anim" scroll-anim="top">Jogabilidade</h1>

<p class="scroll-anim" scroll-anim="top">
Continuando com o estilo da jogabilidade de lançamentos anteriores,
Expand Down Expand Up @@ -136,7 +136,7 @@ <h1 class="itens-title">Jogabilidade</h1>

<section id="combate">
<article>
<h1 class="itens-title">Sistema de Combate</h1>
<h1 class="itens-title "scroll-anim scroll-anim="top">Sistema de Combate</h1>

<p class="scroll-anim" scroll-anim="top">
Streets of Rage 4 continua o estilo das entradas anteriores da série.
Expand All @@ -145,7 +145,7 @@ <h1 class="itens-title">Sistema de Combate</h1>
e armas descartáveis. Ao final de cada etapa o jogador deve enfrentar o chefe.
</p>

<p>
<p class="scroll-anim" scroll-anim="top">
Todos os fundamentos dos títulos anteriores são transferidos para
este jogo. Os personagens podem executar ataques combinados no solo,
bem como ataques Blitz, que são executados pressionando duas vezes
Expand All @@ -172,7 +172,7 @@ <h1 class="itens-title">Sistema de Combate</h1>
<article>
<h1 class="itens-title scroll-anim" scroll-anim="top">Historia</h1>

<p class=""scroll-anim" scroll-anim="top">
<p class="scroll-anim" scroll-anim="top">
O jogo se passa 10 anos após os eventos de Streets of Rage 3, com os
personagens recorrentes Axel Stone, Blaze Fielding e Adam Hunter,
ao lado de dois novos personagens, a filha de Adam, Cherry, e um
Expand All @@ -188,10 +188,11 @@ <h1 class="itens-title scroll-anim" scroll-anim="top">Historia</h1>
</article>
</section>

<h1 class="itens-title scroll-anim" id="personagens">Personagens</h1>
<h1 class="itens-title" scroll-anim scroll-anim="top" id="personagens">Personagens</h1>

<section>

<section class="scroll-anim" scroll-anim="top">
<article class="container-slider">
<article class="container-slider" scroll-anim scroll-anim="top">

<figure class="slides">
<img class="axel-anim slide">
Expand Down Expand Up @@ -261,7 +262,7 @@ <h1 class="itens-title scroll-anim" id="personagens">Personagens</h1>
<article>
<h1 class="itens-title scroll-anim" scroll-anim="top">Inimigos</h1>

<p>
<p class="scroll-anim "scroll-anim="top">
Semelhante à trilogia Genesis, cada inimigo e chefe possui variantes,
trocas de paleta com nomes, valores de saúde e atributos diferentes.
Algumas variantes também podem empregar ataques diferentes.
Expand Down Expand Up @@ -375,7 +376,7 @@ <h1 class="itens-title scroll-anim" scroll-anim="top">Chefes</h1>
</article>
<article>
<h1 class="itens-title" scroll-anim scroll-anim="top">Estágios</h1>
<p>Selecione uma imagem para visualizar</p>
<p class="scroll-anim "scroll-anim="top">Selecione uma imagem para visualizar</p>
<figure class="scroll-anim" scroll-anim="top">
<img src="assets/img/body/Estagios/1.png" class="miniModal img1">
<img src="assets/img/body/Estagios/2.png" class="miniModal img1">
Expand All @@ -395,8 +396,8 @@ <h1 class="itens-title" scroll-anim scroll-anim="top">Estágios</h1>

<section id="viloes">
<article>
<h1 class="itens-title" scroll-anim" scroll-anim="top">Vilões</h1>
<p>
<h1 class="itens-title scroll-anim "scroll-anim="top">Vilões</h1>
<p class="scroll-anim "scroll-anim="top">
Um novo sindicato do crime, liderado pelos gêmeos Y,
filhos de Mr. X (chefão da trilogia original) apareceu
e começou a tocar o terror, corrompendo até mesmo a polícia.
Expand Down Expand Up @@ -438,7 +439,7 @@ <h1 class="itens-title" scroll-anim" scroll-anim="top">Vilões</h1>

<section>
<article>
<h1 class="itens-title">Mr. X Nightmare</h1>
<h1 class="itens-title scroll-anim "scroll-anim="top">Mr. X Nightmare</h1>

<p class="scroll-anim" scroll-anim="top">
Mr. X Nightmare adiciona três novos personagens jogáveis,
Expand Down

0 comments on commit cd700be

Please sign in to comment.