CSS transitions provide a way to animate changes to CSS properties instead of having the changes take effect instantly.

learn more… | top users | synonyms (1)

1
vote
1answer
13 views

CSS3 Animations and best performance on mobile

I am making an app and realised that it is best to hardware accelerate animations. I wanted to use jQuery animate enhanced, which works but I feel I want a better grasp on the whole idea of hardware ...
-1
votes
0answers
21 views

Rotate image using CSS in direction of the click

When you go to msn.com using IE and windows 8 you get a 'special' version of the page. One thing they do that I really like is when you click on an image (or any a tag) the contents rotate a little ...
0
votes
0answers
12 views

CSS Transitions when display:none is set

How do you transition using CSS the properties of elements with display none? My current solution is to set display to block with JavaScript, wait 10 milliseconds for repaint, then apply the class ...
0
votes
4answers
26 views

How to get a fixed DIV to stay on top of an absolute?

I have have a header with a menu that is a fixed div and a "single page" that scrolls to content using jQuery. The problem I'm having is that since I included some css to make pictures fade to each ...
0
votes
2answers
38 views

CSS Folding Paper Like Menu Issue

I'm trying to build a menu that would have a transition like paper folding, kinda like this one: Live Test : http://www.cssplay.co.uk/menus/cssplay-3d-unfolding-menu.html Here is my code: HTML ...
1
vote
1answer
27 views

Prevent elements from jumping around in Chrome

Check out the page at http://myhymnal.net/2. In Chrome when the page loads every other element between the title and the lyrics (the key selector and the links) seems to move around a little. Same ...
1
vote
0answers
18 views

Animation doesn't start before the opacity transition is complete in Chrome

I've made a simple magnifying glass effect: fiddle. It's a div with the same background as the <img> source, that changes its position based on the pointer position while hovering over image. ...
0
votes
1answer
16 views

Cant get css3 tooltip transition working

http://jsfiddle.net/RUjBh/4/ .tooltip{ position:relative } .tooltip:hover:after{ background:#fff !important; border-radius: 30px / 120px; bottom: -8px; box-shadow:0 2px 4px #646464; ...
0
votes
1answer
32 views

Manually stepping through CSS animation with JavaScript

If I have a CSS keyframe animation like this @keyframes flash-red { 50% { background: #f00; } } #goflash.anm-flash { animation-name: flash-red; animation-duration: .5s; background: ...
2
votes
0answers
28 views

Different durations for different transforms?

I've set a transition and a transform for an element. I'd like to have different durations on each of my transformations (scale, perspective, rotate). Any way to achieve that? Transition: ...
0
votes
2answers
38 views

CSS3 transition, target element before hover element

I’m trying to learn a bit more about the CSS3 transitions and “cool stuff”. So I have some nifty animations on my site, and I did some google research that helped me out quite a bit. I wanted to ...
1
vote
1answer
15 views

Glow behind the navigation menu

I am creating a little animation with glow in navigation. Glow is behind the navigation menu as seen in picture. I tried but not clear result, I need same result as shown in picture. ...
0
votes
1answer
26 views

jQuery transit - rotation

Good day. I'd like to rotate a div (which is already at an angle > 0, defined in css) around a center point. The problem exhibits when I change the origin via transformOrigin, because initial ...
0
votes
1answer
26 views

Animating an element when hovering on two other element using css

i am trying to animate a div when hovering on another div. Ihave following code html <div> </div> <div class="content"> </div> css div { height: 100px; width: ...
-2
votes
2answers
58 views

Why do CSS3 transitions exist? [closed]

I've been hearing more and more about CSS3 transitions lately. As a JQuery developer of a few years, I'm totally in love with how solid it is - robust animations that are simple to execute, and ...

1 2 3 4 5 87
15 30 50 per page