WebPlatformDocs

/**
 * Tooltip demo
 */

background: #f06;
background: linear-gradient(left bottom, 
	    hsla(340, 100%, 50%,.7), yellow);
background: url(http://placekitten.com/330/340);
content: '\2665';
min-width: 100px;

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}

WebPlatformDocs

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

p {
	color: #f06;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.2,.6,.8,.8);
	width: 400px;	
}