aurelkurtula

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

aurelkurtula

/**
 * zig-zag background (SO)
 * CSS Zigzag Border with a Textured Background
 */

background:	linear-gradient(#BCED91 49%, transparent 49%),
		linear-gradient(-45deg, white 33%, transparent 33%) 0 50%,
		white linear-gradient(45deg, white 33%, #BCED91 33%) 0 50%;
	background-repeat: repeat-x;
	background-size: 1px 100%, 40px 40px, 40px 40px;

aurelkurtula

/**
 * tooltip with inner shadow
 */

div{
	width: 200px;
	height: 200px; 
	background: red;
	margin: 80px;
	border-radius: 20px;

aurelkurtula

/**
 * Typing animation with pure CSS. 
 * Works best in browsers supporting the ch unit.
 */

@keyframes typing { from { width: 0; } /*width of the h1 as container */ }
@keyframes blink-caret { 50% { border-color: transparent; } }

h1 { 
	font: bold 200% Consolas, Monaco, monospace;

aurelkurtula

/**
 * a snipet from Gridify (simplified)
 * simplified version of 
 * http://dabblet.com/gist/3713619/
 */
html {
	overflow: hidden;
	min-height: 100%;
	background: linear-gradient(dimgrey, black);
	font: italic 90%/1.3 Georgia, serif;