CSS3 Transitions

Also, please note that image sprites simply don』t work well with blanket css3 transitions. If you see wierd animations where images scroll between their normal and hover states, they』re using sprites. Depending on where the sprites are used, there are various ways to prevent the behavior on those elements, while retaining transitions where desired. One method is to add an inline style attribute to those elements: style="transition: none; -webkit-transition: none;". Adding the css to your theme will override the plugin』s css as long as you target the elements using sprites by class or id.

Please feel free to offer any feature suggestions you might have and I will consider them for future releases.

CSS3 Transitions UX Theory

Because of the way our brains process images, in simple terms, instant/sudden changes are generally not as well perceived as more gradual ones. In the physical space, we never see instant changes, like slides changing with no animation in a PowerPoint, but with digital technology this is a very common practice. When websites make use of hover states, for example, if a link changes color when the mouse hovers over it, they exhibit small, but instant visual changes. Adding the css3 transitions makes these changes more gradual, and therefore easier on the eye. For this same reason, operating systems now tend to make use of a lot of animations. There』s a lot of neuroscience behind these concepts, but I』m not well versed in that. Basically, slight animations generally look better than instant changes. Some people will argue that things aren』t as 「snappy」 or seem slugish with transitions, but if that』s the case, it』s only a matter of adjusting the animation timing function and duration.