Thread by @suprabhasupi

Using #CSS, links can be styled in many different ways.

We can change the behaviour of CSS link as:

1 :hover
2 :active
3 :visited
4 :focus

#100DaysOfCode #DEVCommunity

1️⃣ :hover

The :hover CSS pseudo-class triggered when the user hovers over an element with the cursor.

📝 If you are using :link, :visited, :active. Remember to add hover after link and visited according to LVHA-order: :link — :visited — :hover — :active.

2️⃣ :active

The :active CSS pseudo-class starts when the user presses down the primary mouse button.

3️⃣ :visited

The :visited CSS pseudo-class represents links that the user has already visited.

4️⃣ :focus

The :focus CSS pseudo-class represents an element (such as a form input) that has received focus. It is generally triggered when the user clicks or taps on an element or selects it with the keyboard's Tab key.

Checkout the codepen here:

codepen.io/suprabhasupi/p…

Thanks for reading this thread ❤️

If you found useful, please retweet the first one ☺️