Stats: 3,184,245 members, 7,923,221 topics. Date: Friday, 16 August 2024 at 08:39 PM |
Nairaland Forum / Science/Technology / Programming / A Must Know CSS 3 Button Effects (1437 Views)
The Effects Of The Ponzi Era On Nigerian Tech Scene / Lets Start A Real Web-deveopment Course Here Html+css+javascript+php+mysql / Php Quiz Application With Radio Button And Checkbox (jquery And Php/sql) (2) (3) (4)
A Must Know CSS 3 Button Effects by idlatest(m): 9:50pm On Jul 09, 2016 |
In web development, html button plays essential role especially in web applications where you need to have call to action buttons to perform certain functions. in modern days application, the design of a button really matters. So today am going to take you guys on a ride to the various CSS3 button designs that you can apply to your website to make it more nice and decent. 3 fundametals of a button: 1. text color 2. background color 3. shadow 4. transition example 1 our first example will change the color of the text on hover with transition .color-change { example 2 our second example is focusing on flat design (trending) .flatdesign { example 3 buttons with ripple effect (trending) .button { example 4 button that add extra text o hover .button { example 5 button with pressed effect .button { ![]() source: http://www.geeksintersect.com/thread.php?id=15
|
Re: A Must Know CSS 3 Button Effects by Nobody: 10:58am On Jul 10, 2016 |
Nice piece of information, though pple just go with bootstrap these days. d info here is refreshing |
Re: A Must Know CSS 3 Button Effects by tr3y(m): 12:01pm On Jul 10, 2016 |
Cool |
Re: A Must Know CSS 3 Button Effects by idlatest(m): 6:01pm On Jul 10, 2016 |
mobolaji88:Thanks mobolaji88 I hate frameworks and libraries |
Re: A Must Know CSS 3 Button Effects by idlatest(m): 6:17pm On Jul 10, 2016 |
lalasticlala come and see a front page material oh |
Re: A Must Know CSS 3 Button Effects by Edoziesmart(m): 10:09pm On Jul 10, 2016 |
nice info . Thanks @op. But bootstrap help alot now for many programmers. You would have input code to change text colour when hover or click on the text area for the sake of newbie. |
Re: A Must Know CSS 3 Button Effects by Imakeherdrip(m): 3:06am On Jul 11, 2016 |
idlatest:I don't think so... nairalanders ain't nerds... |
Re: A Must Know CSS 3 Button Effects by Karleb(m): 1:00pm On Jul 11, 2016 |
@OP Can you swear to the 7 gods of Programming with your favorite programming language, text editor/IDE and browser that you did not get that information/codes from w3schools.com? |
Re: A Must Know CSS 3 Button Effects by idlatest(m): 5:06pm On Jul 12, 2016 |
Karleb: it's a research, forget about w3schools, it comprises of different sources that is what research is all about |
Re: A Must Know CSS 3 Button Effects by basil15: 7:40pm On Jul 12, 2016 |
Pls, I need urgent help in creating 3line responsive menu like that found at www.propertybankng.com (at the right side of the logo). I have tried many online tips, but no success. Your assistance will be appreciated. Thanks in anticipation |
Re: A Must Know CSS 3 Button Effects by idlatest(m): 10:49pm On Jul 12, 2016 |
basil15: hello basil15 that website is taking like a whole day to load and am using glo 100mb why not use the font awesome bars icon instead of creating yours 1 Like |
Re: A Must Know CSS 3 Button Effects by basil15: 11:10pm On Jul 12, 2016 |
idlatest: Thanks idlatest for your reply. Pls, the website I am working on is www.propertyshowwithbimbo.com. I want a responsive font awesome bar at the right side of the logo. I am still trying some online tips, but no success. May be, I am not doing it right. Thanks in anticipation. |
(1) (Reply)
ICT Training Manual For Primary School And Secondary Schools / How To Index Your New Blog Post On Google In A Minute / Recommend A Laptop For Me Bw 50-60k
(Go Up)
Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 28 |