/    Sign up×
Community /Pin to ProfileBookmark

How to design tab-style buttons?

Hi, I am very new to designing websites, so please any help would be appreciated. I am trying to design a website with div tags, about 3 to split 3 sections, would I need a main div for the whole page to put those 3 in there? Anyways my main thing is, I want to design main buttons in the left section, that would probably be easy. But there should be other buttons on top. I am trying to design buttons where you move your mouse on it or click, the color changes. That can be done with JS and shouldn’t be hard. But how do I design cool buttons like on CNN, Weather, Wellsfargo websites. Where when you click the button, the button seems either pushed down or popped out, and the color under it, for the page, seems to change to the button’s. Not the whole pages, but the section under it, so it seems that this is a tab you popped. So that tab-style buttons. Is this hard? Any code or hints would be greatly appreciated. Also, is it only possible to design rectangular buttons? I have seen some buttons where you click on it, it changes to triangular button, meaning that the sharp edge points to the bottom, or the page, so which hints that that button is currently speaking. Please help. Thanks. ?

to post a comment
CSS

0Be the first to comment 😎

×

Success!

Help @iowastudent09 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.4,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...