Jump to content

Span transition


slj90

Recommended Posts

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

Link to comment
https://forums.phpfreaks.com/topic/289827-span-transition/
Share on other sites

  • 4 weeks later...

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.

Link to comment
https://forums.phpfreaks.com/topic/289827-span-transition/#findComment-1486956
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.