Comments on: Sexy Interactions with CSS Transitions

By: Bailingcrusher

Bailingcrusher — Fri, 12 Nov 2010 08:48:00 +0000

Great,Thank you for your share!I find this particularly strange seeing as both browsers use Webkit so I’d have thought the page rendering would be identical, even with CSS transitions!
http://www.cheapballmills.com

By: vertical roller mill

vertical roller mill — Fri, 06 Aug 2010 15:30:49 +0000

Thank you for your share!I find this particularly strange seeing as both browsers use Webkit so I’d have thought the page rendering would be identical, even with CSS transitions!

By: stone crusher

stone crusher — Wed, 04 Aug 2010 15:23:13 +0000

Thank you for your share.very useful.

By: stonecrusher

stonecrusher — Thu, 29 Jul 2010 02:26:09 +0000

I believe Html5 and CSS3 will surely become mainstream, because in modern society, the user experience Yijing become webmasters create websites O’clock the Chongyaozhibiao and the pursuit of, thank you for sharing.

By: Avangelist

Avangelist — Sat, 29 May 2010 23:11:11 +0000

I think it is important to start to understand how the concepts are going to work because eventually they will work and then you will be able to gracefully remove your javascript library rendition for something lighter and in theory better performing.

By: Joe

Joe — Fri, 21 May 2010 04:31:56 +0000

Great article!

Nice practical examples which give the technical basis for readers to put their creativity to.

One of my concerns with unplanned ventures into CSS3 is the use of hover effects to navigate. With touch-screen devices, not only the iPad, becoming more common, the over use of hover effects for effective navigation could make for lots of frustrated and lost mobile-devices visitors.

Implementation of CSS3 needs to be well planned and as you say enhance or add value to the user experience.

By: Faruk Ateş

Faruk Ateş — Fri, 14 May 2010 16:03:20 +0000

Eventually, but I can tell you from personal experience that right now, advanced transitions and animations are all but easy to do just with CSS, and the more advanced you get, the more supporting work you have to do with jQuery or similar.

By: Faruk Ateş

Faruk Ateş — Fri, 14 May 2010 16:00:04 +0000

I would like to point out that the title was not my choice, as I agree that these particular effects are hardly sexy. Explanatory and informative was the goal, and that’s all I aimed to accomplish with them.

By: sandman6665

sandman6665 — Fri, 14 May 2010 15:19:07 +0000

Nice article. I will try this out too.. :)

By: SaintPotatoe

SaintPotatoe — Fri, 14 May 2010 14:55:34 +0000

Great
Looks like js

By: Nick

Nick — Fri, 14 May 2010 14:11:07 +0000

But that day seems far off, consider js frameworks work on way more browsers.

By: Jordan Walker

Jordan Walker — Fri, 14 May 2010 13:16:29 +0000

With the adoption of CSS3, you will see a decline in the use of jQuery or other javascript frameworks for advanced transitions.

By: crusher

crusher — Fri, 14 May 2010 06:51:48 +0000

Impressive as these are

By: Andy Birchwood

Andy Birchwood — Thu, 13 May 2010 13:27:50 +0000

Thanks for the intro. A good next step for this article would be an introduction to easing types and plugins- I’m accustomed to the easing controls in AS3 libraries like Tweener and Tweenlite, I yet haven’t found anything as versatile in jquery. Has anyone else?

There’s a creative decision to make when adding transitions & animation too- adding this stuff for the sake of it can be really irritating for users. The flash community have been through all that, and I think a lot of html5 designers are going to have to learn it the hard way.

My personal tip: make it quick! all interface animations should be 0.3 secs or less.

By: dimi7

dimi7 — Thu, 13 May 2010 09:27:12 +0000

The only thing we can do till they become “standards” is to αdmire.
Greetings from Greece

By: Neil Scott

Neil Scott — Thu, 13 May 2010 09:05:24 +0000

Impressive as these are, I’m not sure they could ever be described as sexy. Do these kind of things actually arouse you? Living in an age of shoe fetishists and car obsessives, I know that libido can be channeled in strange directions, but CSS!?

By: Roger Stanton, WebPro360

Roger Stanton, WebPro360 — Thu, 13 May 2010 01:03:01 +0000

Real nice article, and excellent, helpful details. Look forward to opportunities to “tastefully” incorporate the CSS3 transition effect in future designs. Thanks for putting this together, Faruk.

By: Jae Xavier

Jae Xavier — Wed, 12 May 2010 23:37:29 +0000

I can now imagine, a web filled with the overuse of CSS transitions. It is sadly, inevitable :(

Like a magic wand… every link and menu item now has a life of its own, like bacteria growing on a culture dish

Like watering a garden… sprouts an infestation of tutorials on CSS transitions that will clutter the blogosphere

Like a car manufacturing plant… out come the templates that have all the CSS transitions, bells and whistles

I get shivers thinking about it.

By: Gabri

Gabri — Wed, 12 May 2010 18:06:09 +0000

and in Opera 10.53 the transparent to orange box in the last example when you hover over it turns Red then change to orange !!

Nice article.

By: Will Bithrey

Will Bithrey — Wed, 12 May 2010 13:26:33 +0000

Awesome article, although I noticed something odd. In Chrome 5 Beta, the animations in example 4 all work flawlessly, whereas in Safari 4 you get the strange Hue effect as described in the article. I find this particularly strange seeing as both browsers use Webkit so I’d have thought the page rendering would be identical, even with CSS transitions!

Anyway, Again, this article contains some useful info, so many thanks :).

By: Möhippa

Möhippa — Wed, 12 May 2010 13:20:54 +0000

Cool stuff, can’t wait for this to be supported in all browsers. So long flash!