icon_hovers

Icons Hover Effects

Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.

Color

Extend the icons with .g-color-*--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Background Color

Extend the icons with .g-bg-*--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Border Color

Extend the icons with .g-brd-*--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Opacity

Extend the icons with .g-opacity-*--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Slide

Extend the icons with .u-icon-sliding--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Zoom

Extend the icons with .u-icon-scale-1_2--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Shadow

Extend the icons with .u-icon-shadow--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Slide up

Extend the icons with .u-icon-slide-up--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Slide down

Extend the icons with .u-icon-slide-down--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Slide left

Extend the icons with .u-icon-slide-left--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Slide right

Extend the icons with .u-icon-slide-right--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Effect v1-1

Extend the icons with .u-icon-effect-v1-1--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Effect v1-2

Extend the icons with .u-icon-effect-v1-2--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Effect v2

Extend the icons with .u-icon-effect-v2--hover class.

Backgrounded Icons


Effect v3

Extend the icons with .u-icon-effect-v3--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Effect v4

Extend the icons with .u-icon-effect-v4--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons


Effect v5

Extend the icons with .u-icon-effect-v5--hover class.

Backgrounded Icons

Backgrounded & Bordered Icons