Jump to content


Photo

Span transition


  • Please log in to reply
1 reply to this topic

#1 slj90

slj90

    Advanced Member

  • Members
  • PipPipPip
  • 113 posts

Posted 13 July 2014 - 12:33 PM

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



#2 WebOutGateway

WebOutGateway

    Member

  • Members
  • PipPip
  • 21 posts

Posted 05 August 2014 - 10:59 PM

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.






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com