Comment implémenter l'action d'exploration Caterpillar dans le partage de code CSS

Tout le monde a vu des chenilles quand ils étaient enfants. Aujourd'hui, j'ai pensé à écrire une action d'exploration. Jetons d'abord un coup d'œil au rendu. Le code spécifique est le suivant :

<.>code html :

<p class=&#39;container&#39;>
  <p class=&#39;hide left&#39;></p>
  <p class=&#39;hide right&#39;></p>
  <p class=&#39;hide bottom&#39;></p>
  <p class=&#39;circle-container&#39;>
    <p class=&#39;circle&#39;></p>
  </p>
</p>

code css :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!