spencermathews

6-jQuery overlay

Forked from glenda drew's Pen target practice complete.

A Pen by Spencer Mathews on CodePen.

License.

spencermathews

<section>
  <h1 class="question">q: what is this: hahahahplop?</h1>
  <p class="answer">a: someone laughing their head off!

spencermathews

<nav>
  <ul>
    <li></li>
  </ul>
</nav>

spencermathews

<nav>
  <ul>
    <li></li>
    <li></li>
    <li></li>

  </ul>
</nav>

spencermathews

2-$(this).next()

Forked from glenda drew's Pen target practice complete.

A Pen by Spencer Mathews on CodePen.

License.

spencermathews

<nav>
  <ul>
    <li><a href="" class="link" id="eat">EAT.</a></li>
    <li><a href="" class="link" id="sleep">SLEEP.</a></li>
    <li><a href="" class="link" id="design">DESIGN.</a></li>
  </ul>
</nav>

<section id="overlay">
  <p>hi!</p>

spencermathews

<section id="image">
  <img src="http://www.redrocketmedia.com/des157/images/mermaid.png" alt="mermaid">
</section>

<section id="caption">
  <h1>mermaids are real!</h1></section>

spencermathews

<section id="global">
  <nav>
    <a href="" id="hide">hide</a>
    <a href="" id="show">show</a>
    <a href="" id="toggle">toggle</a>
  </nav>
</section>

<section id="animationFunctions">
  <nav>

spencermathews

image demo hover start

Forked from glenda drew's Pen target practice complete.

A Pen by Spencer Mathews on CodePen.

License.

spencermathews

image demo hover preload

Forked from glenda drew's Pen target practice complete.

A Pen by Spencer Mathews on CodePen.

License.