W3C home > Mailing lists > Public > www-style@w3.org > May 2006

Re: [CSS3] transition effects

From: Martijn <martijn.martijn@gmail.com>
Date: Tue, 9 May 2006 15:01:27 +0200
Message-ID: <6c97b8b10605090601t5aa09543v28a7025640bd7ed3@mail.gmail.com>
To: "Laurens Holst" <lholst@students.cs.uu.nl>
Cc: "www-style@w3.org" <www-style@w3.org>

On 5/8/06, Laurens Holst <lholst@students.cs.uu.nl> wrote:

> Example:
>
> a {
>    background-color: yellow;
>    animate-properties: background-color;
>    animate-duration: 2s;
>    animate-motion: logarithmic;
> }
> a:hover {
>    background-color: orange;
> }
>
> Thank you for your attention.
>

I like the idea. Not sure whether the properties are all a good idea
(especially I have a problem with animate-motion ), but I haven't
really thought about it.
I would also like to have a delay option, something like animate-delay: 2s;

>From your example, it is not clear when the animation should begin.
I believe you want it to begin when you hover over a link. I think you
would also need to have a animate-state: hover; property or something
like that (or put the animation properties in the :hover state).

Btw, there is in css3 also various marquee properties to make
scrolling text (which is also a way to animate things):
http://www.w3.org/TR/css3-box/#marquee
But I don't think I like that very much.

Regards,
Martijn

> ~Grauw
>
> p.s. I still dislike the comma-syntax used in multiple backgrounds; if
> you take the above code as an example, it is more 'normal' in CSS to
> specify units and keywords (in this case, animate-duration and
> animate-scale) separated by spaces. Oh well.
>
> --
> Ushiko-san! Kimi wa doushite, Ushiko-san!!
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> Laurens Holst, student, university of Utrecht, the Netherlands.
> Website: www.grauw.nl. Backbase employee; www.backbase.com.
>
>
>
>
Received on Tuesday, 9 May 2006 13:01:35 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:45 GMT