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

We offer best in class service for your needs

About Us

About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.

Latest Posts



Our Contacts

795 Folsom Ave, Suite 600,
San Francisco, CA 94107 795

(+123) 456 7890
(+123) 456 7891