Comments on: [Code Snippet] CSS : Hover and Press Button

By: Lanka

Lanka — Wed, 28 Dec 2011 17:08:50 +0000

Thanks, I will try it

By: Lanka

Lanka — Wed, 28 Dec 2011 17:08:33 +0000

Thanks, will try it

By: Vlad

Vlad — Tue, 13 Dec 2011 20:53:18 +0000

LANKA, use this code for pressed effect (it will definitely work)

.yellow-button:active {
background-position: bottom left;
padding-top: 22px;
}

By: Lanka

Lanka — Fri, 02 Dec 2011 02:29:46 +0000

Nice one !

Is there a way to keep the button “pressed” when the user is on a certain site? Like writing “yellow-button:active” in class tag won’t work. Does that make sense?

Or does it make more sense to make a duplicate of “active” class.

Peace.

By: Daniel the code rookie

Daniel the code rookie — Mon, 17 Jan 2011 09:05:19 +0000

One thing though! Your code on this page, for the pressed button, has “background-position: bottombottom left;”

The code didn’t work for me until I omitted that second bottom and changed it to: “background-position: bottom left;”

By: Daniel the code rookie

Daniel the code rookie — Mon, 17 Jan 2011 08:38:22 +0000

This, my good sir, is a lifesaver!
You are incredible, keep up the magnificent work!

P.s. I’m very impressed by the layout, friendly style of writing, and downloadable source files. Great stuff, really separates you from the crowd.

By: Gabriel

Gabriel — Fri, 18 Jun 2010 11:03:42 +0000

I was looking for a proper solution for this for so long. Thanks a million!

By: This Weeks Twitter Design News Roundup N.29 | DesignerLinks | Home to Web design news, jQuery Tutorials, CSS tutorials, Web Designing tutorials, JavaScript tutorials and more!

Tue, 23 Mar 2010 22:07:12 +0000

[...] Design Code:[Code Snippet] CSS : Hover and Press Button ( via webstuffshare.com [...]

By: This Weeks Twitter Design News Roundup N.29 | Yooxe

This Weeks Twitter Design News Roundup N.29 | Yooxe — Tue, 23 Mar 2010 16:37:32 +0000

[...] Design Code:[Code Snippet] CSS : Hover and Press Button ( via webstuffshare.com [...]

By: 2010-03-19 유용한 링크 | We are connected

2010-03-19 유용한 링크 | We are connected — Sun, 21 Mar 2010 10:20:01 +0000

[...] [Code Snippet] CSS : Hover and Press Button tweetmeme_url = 'http://blog.werconnected.info/2010-03-19-%ec%9c%a0%ec%9a%a9%ed%95%9c-%eb%a7%81%ed%81%ac/';tweetmeme_source = 'jsveron23';tweetmeme_style = 'compact'; Tag(s): bookmarks Trackback URL: URL [...]