Tagged Questions

52
votes
4answers
34k views

CSS3 transition events

Are there any events fired by an element to check wether a css3 transition has started or end?
114
votes
13answers
82k views

Transitions on the display: property

I'm currently designing a kind of CSS 'mega dropdown' menu - basically a normal CSS-only dropdown menu, but one that contains different types of content. There is an example here. My question is ...
34
votes
6answers
10k views

How do I normalize CSS3 Transition functions across browsers?

Webkit's transition end event is called webkitTransitionEnd, Firefox is transitionEnd, opera is oTransitionEnd. What is a good way of tackling all of them in pure JS? Should I do browser sniffing? or ...
27
votes
4answers
17k views

Webkit support for gradient transitions

Im wondering if anyone know when will webkit support transitions of gradients? for example, the following code doesnt work in Chrome 6 (assuming grad-transition is a link): .grad-transition { ...
33
votes
4answers
14k views

Callback on CSS transition

Is it possible to get a notification (like callback) when a CSS transition has been completed?
21
votes
6answers
20k views

Use CSS3 transitions with gradient backgrounds

I'm trying to transition on hover with css over a thumbnail so that on hover, the background gradient fades in. The transition isn't working, but if I simply change it to an rgba() value, it works ...
9
votes
4answers
5k views

Detect css transitions using javascript (and without modernizr)?

How would I detect that a browser supports css transitions using javascript (and without using modernizr)?
14
votes
6answers
26k views

css3 transition animation on load?

Is it possible to use CSS3 transition animation on page load without using Javascript? This is kind of what I want, but on page load: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html ...
5
votes
2answers
4k views

CSS3 Transition Polyfill

Alright, so most of you will be familiar with CSS3 Transitions, I prefer it above jQuery animations as it has the simplicity of CSS. My only regret is that it doesn't work in IE < 9( As always ) as ...
3
votes
4answers
3k views

CSS3 transition event Listener with jQuery

I am impelmenting a css3 transition efect on a article element but the eventlistener 'transitionend' works only pure javascript, not with jQuert. See example below //this works ...
6
votes
3answers
54k views

CSS3 Fade Effect

a { float: left; width: 32px; height: 32px; text-align: left; text-indent:-9999px; background: url('../img/button.png') no-repeat 0 0; -webkit-transition: background 300ms ...
5
votes
2answers
3k views

CSS3 transitions on pseudo-elements (:after, :before) not working?

I'm showing the title attribute of a link on :hover. The title attribute is appended to the link via :after…  Now I'm wondering how I can animate the opacity of the :after pseudo-element when ...
9
votes
6answers
4k views

Hovering over CSS transition in Safari lightens certain font color

In my CSS I defined a transition for a class. For some reason, when I hover over the class with the transition, the transition-duration for some reason alters the font color elsewhere (form ...
6
votes
4answers
24k views

Imitate CSS3 transition in IE?

I'm using a combination of rules to achieve the CSS3 transition rule in as cross-browser compatible a way as possible: I'm using transition, -webkit-transition, -moz-transition, and -o-transition. Is ...
3
votes
4answers
3k views

Expand div from the middle instead of just top and left using CSS

I'm not sure if this is possible, but I thought it would be cool using CSS transforms to create an effect where a div expands from its center to a predetermined height and width, rather than just from ...

1 2 3 4 5
15 30 50 per page