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.

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!

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!

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.

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.

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.

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.

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.

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!

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.

How to Create Fullscreen Overlay Navigation Menu

Read this tutorial and learn which two functions are used to create a fullscreen overlay navigation menu to make your website more beautiful and catchy.

How to Create Glitch Effect With CSS

All of us can remember glitch effects from our TV sets! Learn how to create one of the coolest effects for your website and also catch the examples with pure CSS.

How to Create Pagination with CSS

Pagination has a greate role in the SEO of your website. Read the article and know how to create standard and beautifully designed pagination with just HTML and CSS.

How to Create Thumbnail Images

If your Website contains lots of images and downloads slowly, read our snippet and learn to create thumbnail images, which will help you to solve this problem.

How to Display the Hidden Element on Hovering Over Hyperlink or <a> Tag

Learn How to Display the Hidden Element on Hovering Over Hyperlink or <a> tag. With this article, you can learn how to show the hidden elements.

How to Give a Text or Image a Transparent Background Using CSS

Use CSS3 opacity property to make an image or a background transparent. Learn also how to change the opacity while hovering. All with examples.

How to Make the Cursor a Hand When Hovering Over a List Item

CSS suggests a variety of versions of a cursor. Learn how to create and make the cursor hand when the user hovers over a list item in different ways. See examples!

How to Open Hyperlink in a New Window

How to open hyperlink in a new tab using the target="_blank" attribute. Learn also how to do that by using JavaScript function. See examples.

How to Overlay Images with CSS

Overlays can be a great addition to the image and create an attractive website. In this snippet, you can find different examples of overlaying images with CSS.

How to Remove the CSS :hover Behavior from an Element

On this page, learn how to remove the CSS hover behavior from a specific element. For that, you can use the CSS pointer-events property or :not() pseudo-class.

How to Scale Images and Background Images on Hover

Learn about the ways of how to zoom images and background images, transform, zoom in, zoom out and other effects with examples.

How to Style Buttons with CSS

Nice and attractive buttons can fill the overall look of your website. Learn how to create and style buttons with the help of CSS. Also, see lots of examples!

How to Style the HTML File Input Button with CSS

Create and style file input with HTML and CSS in a tricky way. Follow the given steps and create code without including any JavaScript.