Mr Geek Mr Geek - 1 year ago 80
Javascript Question

Adding an active effect like the one Facebook uses

I liked the way how Facebook indicates an active tab on the website.

enter image description here

But I found out that it uses just a small image (after removing the float:left of the [Timeline] box).
enter image description here

I'm sure there's a way of doing without using images, only with CSS or JavaScript or both. All help appreciated.

Answer Source

Here is a CSS up arrow:

.arrow-up {
   width: 0; 
   height: 0; 
   border-left: 150px solid transparent;
   border-right: 150px solid transparent;
   border-bottom: 150px solid black;



Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download