Dylan George dylandgeorge

Preloader - Fill effect

Preloader with fill effect (in depth letters). As seen on budidiokojinedostaje.hr

Parallax effect with mouse tracking. Ideal for subtle parallax animations.

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<h2>Original CSS</h2>
	<style style="display: block; white-space: pre; font-family: monospace">
	h2 { margin:0; }

	(function() {
	var CSSCriticalPath = function(w, d, opts) {
	var opt = opts \|\| {};
	var css = {};
	var pushCSS = function(r) {
	if(!!css[r.selectorText] === false) css[r.selectorText] = {};
	var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
	for(var i = 0; i < styles.length; i++) {
	if(!!styles[i] === false) continue;
	var pair = styles[i].split(": ");