CSS3 Filter Abusing Demo by @girlie_mac

dabblet.css

/**
 * CSS3 Filter Abusing Demo by @girlie_mac
 * View this on Webkit Nightly (tested on 103339)
 * http://nightly.webkit.org/
 */

.omg-cat {
    -webkit-animation: invert 1s forwards 1s;
}

.omg {
    font-family: "Impact", sans-serif;
    color: #fff;
    position: relative;
    top: -100px;
    left: 220px;
    text-shadow: 4px 4px 0 rgba(0,0,0,.5);
    opacity: 0;
    -webkit-animation: omg 1s ease-out forwards 1s;
}


@-webkit-keyframes invert {
    0%   { -webkit-filter: none;}
    100% { -webkit-filter: invert();}
}


@-webkit-keyframes omg {
    40%   { opacity: 0; font-size: 0em;}
    100% { opacity: 1; font-size: 5em;}
}

dabblet.html

<img src="http://stacheketball.neswblogs.com/wp-content/uploads/2011/01/omg-cat-400x300.jpg" class="omg-cat"/>
<div class="omg">OMG!</div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}