Animation – Hover Interactions

Hover Interactions

Hover animations are a great interactive element to add to your website. Hover animations are not only visual appealing but serve a purpose too. A hover animation can also be used to show indicate to the viewer that an elements is clickable or reveal additional information.

Background Animations

The use of background image animations will reinforce dark oninous feeling given off by the Chiller brand. These animations are ideal for tile backgrounds or hero graphics. Background animations should will be subtle additions to strong imagery.

Destination Truth

Search for The Unexplained

grid01

Destination Truth

Search for The Unexplained

grid01

Destination Truth

Search for The Unexplained

grid03

Destination Truth

Search for The Unexplained

grid03

Destination Truth

Search for The Unexplained

grid04

Destination Truth

Search for The Unexplained

grid04

Destination Truth

Search for The Unexplained

grid02

Tilt Effect Example 4 Without Transition

Destination Truth

Search for The Unexplained

grid02

Tilt Effect Example 4 With Transition

Destination Truth

Search for The Unexplained

grid01

Shiver Effect Example 1

Destination Truth

Search for The Unexplained

grid01

Shiver Effect Example 2

Destination Truth

Search for The Unexplained

grid01

Shiver Effect Example 3

Reveals

Reveal animations provide viewers with a visual appealing way to show or hide more information. These animations are ideal to show a quick synopsis for an episode or photo.

Emerson Hauser
An FBI agent and former police officer who arrived on the dock at Alcatraz to find the prisoners gone in 1963.
Learn more

Flip Example

Elijah Bailey Tiller
The deputy warden of Alcatraz, whose cynical views of the inmates often put him at odds with Edwin James.

Corner Slice Example

Rebecca Madsen
A San Francisco Police Department homicide detective with family ties to Alcatraz.
Learn more
Rebecca Madsen
A San Francisco Police Department homicide detective with family ties to Alcatraz.
Learn more

Center Slice Example

Emerson Hauser
An FBI agent and former police officer who arrived on the dock at Alcatraz to find the prisoners gone in 1963.
Learn more

Flip Example

Elijah Bailey Tiller
The deputy warden of Alcatraz, whose cynical views of the inmates often put him at odds with Edwin James.

Corner Slice Example

Rebecca Madsen
A San Francisco Police Department homicide detective with family ties to Alcatraz.
Learn more
Rebecca Madsen
A San Francisco Police Department homicide detective with family ties to Alcatraz.
Learn more

Center Slice Example

Text Animations

Similar to background animations, subtle text and logos animations can be used to make the viewer aware they have hovered over an actionable item. For ChillerTV.com the slice animation is subtle and consistent with Chiller branding.

Slasher

Buttons

Similarly to the tile press, the buttons will have the same press animation.

Ghost to Solid Corner Slice Button

Red & White Corner Slice Ghost Button Sample

All Red Corner Slice Ghost Button Sample

Shiver Button Example