long-lazuli

**
 * A banner made of one Div.
 */
html, body {	min-height: 100%;}
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
}

.bottomleft-banner {

long-lazuli

/**
 * CSS Tooltip - within one element.
 */
html { height: 100% }
body{ background-image: linear-gradient(to bottom left, grey, black);
text-align: center;
font-family: sans-serif;}
 
.tooltip hr {
	margin: 0.1em 0 0.2em;

long-lazuli

/**
 * Test d'une soundwave.
 */
background: radial-gradient(50% 100%, black 33%, transparent 35%, transparent 35%, black 37%),
			radial-gradient(50% 0%, black 33%, transparent 35%, transparent 35%, black 37%),
			linear-gradient(45deg, #f06, yellow),
			#000;
background-size: 10% 24.8%, 10% 24.8%, 100% 50%;
background-position: left 33.334%, center 66.667%, center center;
background-repeat: repeat-x;