Span transition

[slj90]

Is it possible to have an effect on a span?

I have a peice of javascript that changes the contents of a span and want a css effect to take place when it has changed:

.spanname{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

Thanks

[WebOutGateway]

Hi, slj90!

Yes, it is possible to have an effect on a span. You can style it just like styling other elements.

You can style it directly in your .css file

span{
 background:#000000;
 color: #1E90FF;
}

If it is under a <div> section with a class divName,
 

.divName span{
  background:#000000;
  color: #1E90FF;
}

or if your span has an id spanName,
 

#spanName{
  background:#000000;
  color: #1E90FF;
}

If you're using Javascript, you can use the .css method to change the style of your span.
You can refer to this:
http://api.jquery.com/css/

I hope this helps. Thank you.