Icedor

Background Slideshow with Image Preloader

Random background slideshow animated smooth between two images. All images are preloaded before showing.

For extra flare there is a overlay to it all with a gradient and some mix blend mode.

A Pen by Icedor Johansson on CodePen.

License.

Icedor

Image Slider - Vanilla Lightweight

Simple highly adaptable image slider which you can modyfy as you please.

A Pen by Icedor Johansson on CodePen.

License.

Icedor

Disable scroll on body when a modal is active

This solution uses pseudo class "has" to disable body scroll when a modal is active.

A Pen by Icedor Johansson on CodePen.

License.

Icedor

<div class="wrapper">
  <button id="toggle_button" class="toggle_button">Activate</button>
  <ul class="icey_progressive_animation">
    <li>All</li>
    <li>items</li>
    <li>in</li>
    <li>the</li>
    <li>list</li>
    <li>will</li>
    <li>animate</li>

Icedor

<section>Hey</section>
<section>look</section>
<section>no</section>
<section>hands</section>
<section>on</section>
<section>the</section>
<section>scroll</section>
<section>and</section>
<section>it's</section>
<section>smooth!</section>

Icedor

<header id="main_header">
  <h1>Light or dark section / under header</h1>
  <nav>
    <ul>
      <li><a href="#section1">Light</a></li>
      <li><a href="#section2">Dark</a></li>
      <li><a href="#section3">Gradient</a></li>
      <li><a href="#section4">Random gradient</a></li>
      <li><a href="#section5">Random color</a></li>
      <li><a href="#section6">Random background image</a></li>

Icedor

<link rel="stylesheet" href="style.css">
<div class="icey_video_bg">
	<iframe src="https://player.vimeo.com/video/288642822/?background=1&&autoplay=1&loop=1&byline=0&title=0&controls=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="icey_text_gif_mask">
    <h2 class="icey_text">Icey.se</h2>
</div>
<div class="icey_solid_masks">
	<div class="icey_white_mask_bg">
		<div class="icey_invert_mask">

Icedor

<?php
/**
 * Stop WPMU DEV sync on WP Toolkit clones, dev, and staging subdomains.
 */
if (
    (isset($_SERVER['REQUEST_URI']) && strpos($_SERVER['REQUEST_URI'], '.wp-toolkit_') !== false) ||
    (isset($_SERVER['HTTP_HOST']) && strpos($_SERVER['HTTP_HOST'], 'dev.') === 0) ||
    (isset($_SERVER['HTTP_HOST']) && strpos($_SERVER['HTTP_HOST'], 'staging.') === 0)
) {
    define('WPMUDEV_DISABLE_REMOTE_ACCESS', true);

Icedor

SET SQL_MODE = '';
ALTER TABLE wp_posts CHANGE post_date post_date DATETIME  NOT NULL  DEFAULT '1970-01-01 00:00:00';
ALTER TABLE wp_posts CHANGE post_date_gmt post_date_gmt DATETIME  NOT NULL  DEFAULT '1970-01-01 00:00:00';
ALTER TABLE wp_posts CHANGE post_modified post_modified DATETIME  NOT NULL  DEFAULT '1970-01-01 00:00:00';
ALTER TABLE wp_posts CHANGE post_modified_gmt post_modified_gmt DATETIME  NOT NULL  DEFAULT '1970-01-01 00:00:00';
ALTER TABLE wp_posts CHANGE post_title post_title TEXT CHARACTER SET utf8 COLLATE utf8_swedish_ci;