- This topic is empty.
May 16, 2014 at 3:42 am #170357Rajinder S. GIllParticipant
Hello guys, it would be great if you help me out for animation for website like text animation, button, etc? And is that all hand written code or some software used for these?
Thank you in advance!!May 16, 2014 at 3:52 am #170358Paulie_DMember
This really isn’t a forum that provides tutorials for you….there’s plenty of those available with a google search.
As for the best way, it depends on what effect you are trying to achieve and how and when it happens.
There is no single easy answer for you.
I suggest you do some more research, try it for yourself in Codepen.io and if you really can’t figure out something then we can help you out.May 16, 2014 at 6:09 am #170374David HosannaParticipant
You can try animate.css from Daniel Eden, has a lot of animations you can use freely.May 16, 2014 at 6:13 am #170376Rajinder S. GIllParticipant
Is Edge Animation good?May 16, 2014 at 9:53 am #170398
I have some opinions on this. I do a TON of animation.
First of all, CSS can natively handle the VAST majority of what you’ll need on a day to day basis. Transitions and keyframes are wonderful things. The animations look smooth and amazing because CSS does an awesome job of tweening or taking care of the “in-between” of an animation. I use a ton of transitions to subtly enhance user interactions. Little feedbacks here and there make a huge difference.
The only MAJOR limitation of CSS is the limited number of interactions that can trigger said animation. You’re pretty much stuck with
:active. Well, that and support. A lot of older browsers don’t support newer stuff like transitions. That’s where JS/jQuery comes in. You can easily trigger any event with really any event (click, scroll, mouse movement, whatever). Sky is the limit.
If you want even MORE animation ability, I HIGHLY recommend Greensock or GSAP. It’s as fast as it gets and absolutely destroys jQuery on execution speed of animations (again, now we’re talking about NOT having CSS handle the tweening because there are some limitations. Drawing vectors comes to mind.)
Here is a link for Greensock.May 16, 2014 at 9:59 am #170399
Oh… and @chriscoyier has a sick writeup on comparing these:
Pay extra close attention to the performance bit. He has a Codepen example that demonstrates GSAP is every bit as fast as CSS. It’s a really great technology.May 16, 2014 at 10:04 am #170400
Is Edge Animation good?
I personally don’t see the point of it… or Adobe Snap. I animate the living hell out of SVG without Adobe Snap. I don’t see how it helps at all.
- The forum ‘Other’ is closed to new topics and replies.