geekedoutlabs

<div id="title" class="slide header">
  <h1>Pure CSS Parallax</h1>
</div>

<div id="slide1" class="slide">
  <div class="title">
    <h1>Slide 1</h1>
    <p>Lorem ipsum dolor sit amet, in velit iudico mandamus sit, persius dolorum in per, postulant mnesarchum cu nam. Malis movet ornatus id vim, feugait detracto est ea, eam eruditi conceptam in. Ne sit explicari interesset. Labores perpetua cum at. Id viris docendi denique vim.</p>
  </div>
</div>

geekedoutlabs

Animated Header with Responsive NavBar

A Pen by geekedoutlabs on CodePen.

License.

geekedoutlabs

<header class='header'>
  <a href='#'>
    <h1 class='logo'>Timur Tosciac</h1>
  </a>
  <nav class='header-nav'>
    <ul>
      <li>
        <a href='#skills'>
          skills
        </a>

geekedoutlabs

<header class="m-header">
	<div id="particleCanvas-Red" class="e-particles"></div>
	<div id="particleCanvas-White" class="e-particles"></div>
	
	<div class="e-outercircles"></div>
	<div class="e-innercircles"></div>
	
	
	<div class="e-text">
			<div class="e-subtitle">Hello Small World</div>

geekedoutlabs

Animated Header

A Pen by Felix Schmidt on CodePen.

License.

geekedoutlabs

Header bar bouncing shapes

First attempt of an animated header bar using simple JavaScript animation of SVG shapes.

A Pen by Katie Baker on CodePen.

License.

geekedoutlabs

Art Gallery

“Stop thinking about art works as objects and start thinking about them as triggers for experiences. What makes a work of art good for you is not something that s already inside it but something that happens inside you.” ― Brian Eno

A Pen by isladjan on CodePen.

License.

geekedoutlabs

<div class="one" id="one">
  
 <div class="stage">  
  <div class="spinner">
  
  <div class="diy-slideshow">
	<figure class="show">
		<img src="https://www.designmechanic.co.uk/wp-content/uploads/2020/09/20200802_152707.jpg" width="100%" /><figcaption>"Snowying" by <a href="http://www.flickr.com/photos/fiddleoak/8511209344/">fiddleoak</a>.</figcaption>
    <div class="description">
<h2>No man, I don't eat pork</h2>

geekedoutlabs

Animated Header with Responsive NavBar

A Pen by geekedoutlabs on CodePen.

License.

geekedoutlabs

Filter Cards

A Pen by geekedoutlabs on CodePen.

License.