Quick Fun: CSS3 Filter Effects

I quickly played with the brand-new CSS Filter Effects on the latest WebKit Nightly! (Edited: and Chrome Canary 18.0.976.0 +)

Click the images to view in the full size.

This is a default google.com screen.
No filter added.

blur(radius) to create Gaussian blur

-webkit-filter: blur(2px);

The default is 0, no blur.

brightness(amount)

-webkit-filter: brightness(30%);

The default is 100%. Values of amount over 100% are allowed.

contrast(amount)

-webkit-filter: contrast(30%);

The default is 100%. Values of amount over 100% are allowed.

grayscale(amount)

-webkit-filter: grayscale();

The default is 100%.

sepia(amount)

-webkit-filter: sepia();

The default is 100%.

invert(amount)

-webkit-filter: invert();

The default is 100%.

opacity(amount)

-webkit-filter: opacity(30%);

The default is 100%, no transparency.

Saturate(amount)

-webkit-filter: saturate(50%);

The default is 100%.

Saturate(amount) – the amount over 100% is also allowed.

-webkit-filter: saturate(300%);

hue-rotate(angle)

-webkit-filter: hue-rotate(90deg);

The default is 0deg.

hue-rotate(angle)

-webkit-filter: hue-rotate(300deg);

drop-shadow(<shadow>)

/* Adding Drop-shadow on the toolbar at the top */

#bg {
  -webkit-filter: drop-shadow(rgba(0,0,0,0.5) 0 5px 5px);
}

The Day I seized The InterWeb – HTTP Status Cats

I thought my biggest achievement of 2011 was the (un)successful launch of HP TouchPad, and the European tour to advocate the webOS development… but I should nominate the seizing the InterWeb before the government does (SOPA), for my greatest achievement of the year.

I got the certified cat geek lady status on the InterWeb, after my HTTP Status Cats went viral on Dec. 13th.

Within 24 hours I posted the pictures on my Flickr page and tweeted, it has spread all over the InterWeb, and now the status kittehs are officially an Internet meme.

What the meme does? It results the secondary and ternary awesome creations-
What made my day was Rogério Vicente has create the API with the cats.
And Heroku actually made it available. (This was made #2 spot on Hacker News on Dec.14th).
This is awesome. I love when fellow geeks make things into the higher level.

In case you have not seen the HTTP Status Cats:
See my Flickr set at http://www.flickr.com/photos/girliemac/sets/72157628409467125/detail/
I will post the missing status soon.

More Links

The HTTP Status Cats is featured on:
BoingBoing – HTTP status cats by GirlieMac: classic server error codes, now with cats
LaughingSquid – HTTP Status Cats, HTTP Status Codes Displayed Using Cat Photos
Neatorama – HTTP Status Codes Illustrated by Cats
CNN Money Tech – HTTP Status Cats
Mashable – HTTP Status Cats: Hilarious Motivational Posters [PICS]
I Can Has Cheezburger? – HTTP Status Cats

Translated to Japanese media:
らばQ – なんてわかりやすい…猫で覚えるネットのあの表示
Idea*Idea – HTTPステータスコードを猫で表現してみた