Create A circular swipe animation in minutes

How to ass a visual effect that can be used to introduce your website's visitors to new content.


1.Page Document
The first step is to define the page document structure. This is defined with a head section used to load the external stylessheet, along with a body section to contain the main content. The head section can also be used to contain non-visible content such as meta description information. We will insert the content in step 2/

Main Content
The page content consists of a navigation, and the main section containing each of visible content articles. Each of the articles have an ID that the navigation items use for linking to. These articles have a section to contain their content along a  span tag uded for the swipe effect.


<nav>
<a href="\p1"> Page 1 </a>
<a href="\p2"> Page 2</a>
</nav>
<main>
<article id="p1">
<section>
<h1>Page 1 </h1>
</section>

Comments