ffoodd

/**
 * Hyphen separated attribute selector
 */

html {background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

[class*="btn"] {color: red;}                

ffoodd

/**
 * The first commented line is your dabblet’s title
 */

html::after {  background-color: rgba(0, 0, 0, .8);	
background-image: 
linear-gradient(
	to bottom,
	transparent,
	transparent 1.4em, 

ffoodd

/**
 * Corps par défaut des titrailles
 */

:root {
	font-family: sans-serif;
}

ffoodd

/**
 * Dégradés
 * Je voudrais que les motifs avec les petits points se répète sur le triangle qui déborde.
 * Je m'y prends très mal, Help :D
 */

:root {
	font-family: sans-serif;
}

ffoodd

/** 
 * Polka dot pattern
 */

background: radial-gradient(circle, white 10%, transparent 10%),
  radial-gradient(circle, white 10%, black 10%) 150px 50px;
background-size:100px 100px;

ffoodd

/**
 * Dégradés
 * Je voudrais que les motifs avec les petits points se répète sur le triangle qui déborde.
 * Je m'y prends très mal, Help :D
 */

:root {
	font-family: sans-serif;
}

ffoodd

/**
 * Dégradés
 * Je voudrais que les motifs avec les petits points se répète sur le triangle qui déborde.
 * Je m'y prends très mal, Help :D
 */

:root {
	font-family: sans-serif;
}

ffoodd

/**
 * Dégradés
 * Je voudrais que les motifs avec les petits points se répète sur le triangle qui déborde.
 * Je m'y prends très mal, Help :D
 */

:root {
	font-family: sans-serif;
}

ffoodd

/**
 * Dégradés
 * Je voudrais que les motifs avec les petits points se répète sur le triangle qui déborde.
 * Je m'y prends très mal, Help :D
 */

:root {
	font-family: sans-serif;
}

ffoodd

/**
 * Formulaire inversé, sans CSS
 */