WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Shadow NAV

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Shadow NAV on Sat Dec 18, 2010 1:48 pm

COR3 POW3R


Registered Member
Registered Member
How was the shadow on the navbar of this forum made?

I want it to go on all links.

2 Re: Shadow NAV on Sat Dec 18, 2010 1:54 pm

ankillien


Administrator
Administrator
It is done with the CSS text-shadow property.

Code:
a {
text-shadow: 1px 1px 1px #000;
}

More info here : http://www.webartzforum.com/tutorials-f7/css3-text-shadows-t1080.htm

3 Re: Shadow NAV on Mon Dec 20, 2010 7:17 am

McStormify


Registered Member
Registered Member
And the hover is

Code:
a:hover{
text-shadow: 0px -1px 1px;
}

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Shadow NAV

Permissions in this forum:
You cannot reply to topics in this forum