w3docs logo
  1. Snippets
    2. ›
  2. hover

How-to articles, tricks, and solutions about HOVER

How to Add a Mouseover Text with HTML

In this tutorial, find out how to create a mouseover text description without Javascript. Use the HTML <div> or <span> element with the “title” attribute.

html text hover attribute

How to Add Advanced Hover Effects to an Image with Pure CSS

Hover effects can create powerful effects when applied to the images. Learn how to make advanced image hover effects with CSS and see examples!

css image hover effect animation

How to Add an Animated Text Over an Image on Hover With CSS3

Know how to put an animated text over a faded image on hover using only CSS3. For that purpose, use the transition and the opacity properties. See examples!

css image text hover animation CSS3 transition

How to Add Style to the Parent Element when Hovering a Child Element

It is possible to style the parent element when hovering a child element. In this snippet, we’re going to demonstrate and explain how to do this step by step.

html css element hover

How to Add the Marquee Effect without Using the Marquee Tag (with CSS, JavaScript and jQuery)

Learn the alternative ways of having continually scrolling text without using the obsolete <marquee> tag. See examples with CSS animations, JavaScript and jQuery.

css text hover effect animation scroll jQuery

How to Change Cursor on Hover in CSS

Learn about the ways of changing the default cursor. See funny tricks to do with cursors and set images and icons as a cursor on your website.

css hover link cursor button

How to Change Link Colors with CSS

Learn about how to change hyperlink colors, inline and external methods with examples. See also how to give different styles to your anchor link and to change underline color with examples.

css color text hover link

How to Create 3D Flipping Animation on a Box/Card with CSS

Learn how to create 3D flipping animation effects horizontally and vertically. See also how to make flipping books, cards, lists and menus.

css hover effect animation button transition

How to create a drop-down navigation menu with CSS

Learn how to create a drop-down navigation menu with <ul> tag. Create your code step by step and try examples!

css color style hover navbar drop-down

How to Create Animated Menu Box With Icons

Animations are definitely the key to success on the website! Read this super easy tutorial and create your beautifully animated navbar with nice icons step by step.

css hover animation navbar