Splash Media Group

Hovers Effects

Hover Effects

Hover effects is a general term that can be used to describe any animations that are hover based, including links, images, feature boxes or cards, icons, and anything else on a webpage that changes, or reveals content when you mouseover the element.

Hover effects can really strengthen user experience by enhancing interactivity & visual feedback on important elements within a webpage.

Hover Section with 3D Feature Image

The animation visible to the right (or below if your viewing on mobile) is done with a standard image that has a class associated with it, and and just a few lines of custom CSS.

This feature is restricted to only images. So, in other words, we cannot use text content within. It needs to consist of a background image and a cropped image of an object overtop. The transition duration and the rotation degree can be adjusted easily.

Hover ID Cards

This ID card animation is meant to be a hover animation but it didn’t perform very well so right now, they flip when you CLICK on them.

Developer Card

Team Member

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad fugiat at laboriosam quo, facere quam quos fugit! Suscipit, vero, explicabo ipsam iure.

Developer Card

Team Member

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad fugiat at laboriosam quo, facere quam quos fugit! Suscipit, vero, explicabo ipsam iure.

Developer Card

Team Member

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad fugiat at laboriosam quo, facere quam quos fugit! Suscipit, vero, explicabo ipsam iure.

Animated Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis leo ac lacus iaculis condimentum. Pellentesque non lacus a velit fringilla aliquet.

Built with CSS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis leo ac lacus iaculis condimentum. Pellentesque non lacus a velit fringilla aliquet.

Mobile Friendly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis leo ac lacus iaculis condimentum. Pellentesque non lacus a velit fringilla aliquet.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt risus eu, auctor dui faucibus. 

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt risus eu, auctor dui faucibus. 

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt risus eu, auctor dui faucibus.