Return to Snippet

Revision: 54401
at December 22, 2011 08:22 by tpryan


Initial Code
#toast{
	position: fixed;
	top: 20px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	border: 1px solid #666;
	background-color: #B1BCCF;
	padding: 10px 0 ;
	text-align:center;
	opacity: .9;
	
	/*The good stuff */
	-webkit-transition: opacity 0.5s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: opacity 0.5s ease-out;  /* FF4+ */
	-ms-transition: opacity 0.5s ease-out;  /* IE10? */
	-o-transition: opacity 0.5s ease-out;  /* Opera 10.5+ */
	transition: opacity 0.5s ease-out;	
	
}

Initial URL


Initial Description
A CSS definition for an Android like toast in HTML.

Initial Title
Toast CSS Definition

Initial Tags
css

Initial Language
CSS