Crea el rastreo de Intro de Star Wars con CSS-starwarsintro. CSS puro

Vista prévia

Descripción

starwarsintro. CSS es una pequeña librería CSS que hace uso de las animaciones CSS3 para crear el conocido efecto de rastreo de Intro de Star Wars en la Página Web.

Funcionamiento

Descargue y coloque la hoja de estilo starwarsintro. CSS en la sección Head de la Página Web.

<link rel="stylesheet" href="starwarsintro.css">

Agregue texto introductorio a la Página Web de la siguiente manera:

<div class="star-wars-intro">


<!-- Blue Intro Text -->

<p class="intro-text">


A few days ago, during...

</p>


<!-- Logo Image or Text goes in here -->

<h2 class="main-logo">


<img src="img/star-wars-intro.png">

</h2>


<!-- All Scrolling Content Goes in here -->

<div class="main-content">



<div class="title-content">



<p class="content-header">StarWarsIntro.css<br>A New Crawl</p>




<br>




<p class="content-body">




After years of galactic silence, civilization is on the brink of more Star Wars movies. Now, with the Force already awaken, the people of Earth seek solace in creating websites, memes, and presentations that need the intro crawl we've come to know and love. Make cooler stuff, faster, with our simple CSS library for the Star Wars Intro Crawl.



</p>




<br>




<!-- button or link or whatever -->



<a href="#welcome" class="space-button">Download StarWarsIntro.css</a>







</div>

</div>
</div>