Comments on: A Guide to CSS Transitions in webOS

By: WOR DevCast #2 – Mmmm Cake. Celebrating Homebrew’s Birthday | webOSroundup

Thu, 29 Jul 2010 14:33:23 +0000

[...] http://pre101.com/blog/2009/11/10/a-guide-to-css-transitions-in-webos/ [...]

By: What’s Happening in webOSLand | Palm Developer Center Blog

What’s Happening in webOSLand | Palm Developer Center Blog — Thu, 10 Jun 2010 21:47:36 +0000

[...] Pre101: A Guide to CSS Transitions in webOS [...]

By: Henk

Henk — Mon, 19 Apr 2010 19:55:45 +0000

@kayahr omg, you safed my night, thx. I was trying to animate opacity for a text on my pre for hours.

By: kayahr

kayahr — Mon, 28 Dec 2009 19:33:59 +0000

CSS implementation in webOS is pretty buggy (I wonder if this is really webkit, never seen a webkit-based browser with so many CSS and Canvas bugs…). The “opacity” CSS attribute does not affect text. So if you want to fade-in and fade-out some text with CSS transitions then you can’t use “opacity”. But you can use “color” instead:

#test
{
color: rgba(0, 0, 0, 0);
-webkit-transition: color 1s ease-in-out;
}

#test.visible
{
color: rgba(0, 0, 0, 1);
}