jalbertbowden

/* CSS States */
body {
	background: url(http://dabblet.com/img/noise.png);
	background-color: #F5F2F0;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 1.6em;
	text-shadow: 0 2px 0 white;
	color: #222;
}

jalbertbowden

/* Stupid box-shadow pixelized icons */
a {
	color: blue;
	padding-right: 1px;
	}
a:hover {
	color: red;
	}
a:after {
	content: "";

jalbertbowden

/* Transition aliasing bug - with 3D transform fix */

body {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
	transform: translate3d(0,0,0);
}

div {
	width: 100px;

jalbertbowden

/* Transition aliasing bug */

body {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
}

div {
	width: 100px;
	height: 100px;

jalbertbowden

/**
 * Happy Valentine's Day!
 * Feb. 14th 2012
 * @girlie_mac 
 */

body {
	background: #f06;
}

jalbertbowden

/**
* CSS3 No-image Chupa-Chupsy candy 
* by @girlie_mac 
* http://girliemac.com/blog/2012/03/24/making-chupa-chups-using-css3-pseudo-elements/
*
* Please, do not compare this with the real one. 
* I feel pretty terrible making the awesome design by Salvador Dalí into some crap.
* But my point of this demo is that you can create the floral shape with CSS, using border-radius:50% and pseudo-element(s)
*/
html {

jalbertbowden

/* Shadow Triangle */

span {
  display: inline-block;   
  transform: scaleX(2.5);
  color: #BADA55;
  text-shadow: 
    0 2px 2px rgba(255,255,255,0.7), 
    0 10px 4px rgba(0,0,0,0.5);
  font-size: 32px;

jalbertbowden

/**
 * Fake animated pseudo
 */
div {
  width: 200px;
  padding: 10px;
  position: relative;
  background: red;
  background-clip: content-box;
  animation: bounce infinite alternate 0.5s;

jalbertbowden

/**
 * drop-shadow filter vs box-shadow
 */

html {
	background: url('http://subtlepatterns.com/patterns/purty_wood.png')
}

.speech-bubble {
	position: relative;

jalbertbowden

// ----------------------------------------------------------
// A short snippet for detecting versions of IE:
// Uses a combination of object detection and user-agent 
// sniffing.
// ----------------------------------------------------------
// If you're not in IE then:
//     ie === NaN  // falsy
// If you're in IE then you can determine which version:
//     ie === 7; // IE7
// Thus, to detect IE: