How to make a button hover effect with HTML|CSS
Posted Jul 24, 2022, 8:08 PM UTC
927
This is WebDev... We already know this basic stuff.
3†
I'm brand new and teaching myself, so I appreciate it at least.
5
You are in the minority (still welcome here, of course).
-3
You think only Senior Developers use this subreddit?
Well, if you think like that it's wrong af.
-8
I get your point, but implying only seniors know how to style a button on hover is hilarious.
9
Not everyone knows how to style a button on hover?
-12
According to several polls, the majority are fairly experienced, with the highest percentage being 5 years+ and the lowest being first year developers. And it's not like even first year developers don't know basic transitions... Pretty basic stuff.
Would you post a tutorial on how to dribble a ball on an NBA subreddit? Sure, not everyone knows that... But it's the wrong audience for such basic stuff.
3
What plugin is that ?
2
I can't even download Plugins into Sublime Text. Wdym?
-6
Ah sorry I meant was how sublime have auto complete feature, I'm new to this . but now I know it.
1
so I suppose the intention is to generate views and clicks on this in order to garner some kind of following that will then be turned into some sort of revenue generation for op.
the problem with this type of post is that it is barely educational at a minimum. what new learners get is a demo of the simplest way to use the hover pseudo selector, with absolutely no explanation of the css at all as to why these properties are being used. sure, seasoned devs know how to do this with thier eyes closed, but new learners get nothing from watching these types of posts as far as learning goes. no voice over, no explanation, just some "chill beats" in the background.
2
[deleted]
1
If you want something in the middle, I recommend this over hard coded padding.
1
This is very cool, thank you!
0†
you're welcome
1
The only thing that triggers me in this video is the fact that they're using Sublime Text. Don't get me wrong, Sublime is good for some things. But, I generally recommend using VSCode.
-2
those spaces before and after the = sign on the button attributes... /triggered
4
I use Sublime Text beacuse VSCode isn't working...
-1
What IDE is this?
Sublime
it's not an IDE, it's a text editor... there is a huge difference
Do you know any free IDE's I could try using to see the difference between the 2? I've been using Notepad++ for a long while and maybe an IDE will better suit my fancy.
SublimeText
Atom
Brackets
VSCode
Notepad++
and a ton of others are just text editors ... I suppose an argument could be made for Atom and VSCode to be a little bit more than that as they do have debuggers, but I would just call them text editors with some IDE features that come from extensions.
IDE's are much more powerful and typically focus on the language they are designed for.
Visual Studio (although it does more than just C, C#, .NET) has a free community edition that will work for web dev purposes and then depending on what language you are looking for, most IDE's are not free, but some examples would include:
CFBuilder (ColdFusion)
Visual Studio (C#, .NET, VB)
IntelliJ Idea and (surprisingly) Netbeans is still around (Java)
PHPStorm and also Netbeans, VSCode (With extensions) (PHP)
and there are tons of others out there, this is by no means a conprehensive list.
If you are just doing html, css, and js, then VSCode is the best choice in my opinion, fast, lightweight, highly extensible, although IntelliJ offers and IDE for just front end web dev called WebStorm, but idk why anyone would use it these days as PHPStorm is WebStorm + PHP, and VSCode is free and WebStorm is not.
I think as far as a dedicated IDE goes... for free... Netbeans would be the best option, but an IDE is not needed for front end dev so in that case VSCode would be my choice, but any of the free text editors I mentioned above are huge step above Notepad++ for just front end web dev.
Wow lots of information here, I’ve used many of these but only really stuck with notepad++ and I’m thinking that upgrading might be nice. I mess around with VBScript and batch scripting so using text editors has always been a decent option. Just downloaded Sublime Text to try it out to see what happens.
Isn't it obvious that it's Sublime Text?
Not everyone knows how to style a button on hover, but Everyone knows what Sublime looks like of course!