ikonikre

Fully Responsive Layout With Nice Animation

Works in all major browsers including ios and android.

Easy to add/remove slides, just change the variables in css and js, copy & paste html and add new image in scss list.

Source of inspiration https://dribbble.com/shots/2976400-Restaurant-website-animation

A Pen by Ruslan on CodePen.

ikonikre

Animated Cards

DeAnimate - A jQuery lightweight plugin for Animatio

A Pen by Adriano on CodePen.

License.

ikonikre

<div class="header">
   <a href="/" class="name">pukka</a>
   <a href="/contact" class="contact">contact</a>
</div>

<div class="hero" id="particles-js">
   <div class="w wave"></div>
   <div class="w wave2"></div>
   <div class="w wave3"></div>
   <div class="w wave4"></div>

ikonikre

.img-container
  h2 Welcome!
  h3 Insert Subtitle here

.preloader
  .circle.circle1
  .circle.circle2
  .circle.circle3

ikonikre

<div class="hero">
  <div class="image-1 image-container">
    <div class="image"></div>
  </div>
  <div class="image-2 image-container">
    <div class="image"></div>
  </div>
  <h1><span class="demi">Demi</span><span class="hero">Hero</span></h1>
  <a class="btn">
    Learn More

ikonikre

	<div id="container">
		<section class="loadingPixel">
			<section class="border one"></section>
			<section class="border two"></section>
			<section class="border three"></section>
			<section class="border four"></section>
			<section id="center"></section>
		</section>
	</div>

ikonikre

<div id="loadingPage" v-show='show' transition="fade">
  <div id="container">
    <div class="a1">
      <div class="mo-boy"></div>
      <div class="mo-girl"></div>
      <div class="mo-mo"></div>
      <div class="mo-wheel2"></div>
      <div class="mo-wheel1"></div>
    </div>
    <div class="motor_shadow"></div>

ikonikre

<div>
  <h1>Sennheiser presents</h1>
  <h2>Momentum</h2>
</div>

ikonikre

Milky Way

This programmatically generates a star field. The stars group around a curve which creates a look like the Milky Way. The stars also twinkle slightly.

A Pen by Viper Bailey on CodePen.

License.

ikonikre

Falling Confetti

A vanilla.js canvas confetti animation. Move the mouse to change direction.

A Pen by Linmiao Xu on CodePen.

License.