9 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 100+ items on Envato Market
abguerra says

I’m trying to animate the border-color, background, and the color all at once, but I don’t want to animate “all” because it’s a sticky menu and position gets animated.

Here’s the code:

-webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
320 posts
  • Has been part of the Envato Community for over 3 years
  • Sells items exclusively on Envato Market
  • Has sold $40,000+ on Envato Market
  • Won a Most Wanted contest
+4 more
SuggeElson says

Just add in the end transition-property: color, background, border;

9 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 100+ items on Envato Market
abguerra says

Just add in the end transition-property: color, background, border;

Awesome dude! Thanks :)

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by