• Languages
    • English
    • Spanish
    • Russian
    • German
  • Help
  • Login
Logo
  • Home
    • Option 1: Default Page
    • Option 2: One Page
      • - One Page Template
      • - One Page Dark Theme
    • Option 3: Shop UI
      • - Home Page
      • - Product Page
      • - Filter Grid Page
      • - Filter List Page
      • - Checkout Page
      • - Login Page
      • - Registration Page
    • Option 4: Home Discover
    • Option 5: Home Creative
    • Option 6: Home Inspire
    • Option 7: Home Desire
    • Option 8: Home Jobs
    • Option 9: Amazing Content
    • Option 10: Home Magazine
    • Option 11: Home Sidebar
    • Option 12: Home Portfolio
    • Option 13: Home Default v1
    • Option 14: Home Default v2
    • Option 15: Home Default v3
    • Options: Misc Pages
      • - Blank page
      • - Boxed Page
      • - Boxed Image Page
      • - Boxed Fixed Menu
      • - Fixed Menu
      • - Dark Page
      • - Dark Boxed Page
      • - Dark Page With Different Theme Color
  • Pages
    • About Pages
      • About Us
      • About Basic
      • About Me
      • About Our Team
    • Profile Dashboard Pages
      • Profile Main Page
      • Profile Overview
      • Profile Users
      • Profile Projects
      • Profile Comments
      • Profile History
      • Profile Settings
    • Job Pages
      • Jobs Main Page
      • Jobs Description Default
      • Jobs Description Basic
      • Jobs Description Min
    • Email Templates
      • Email Corporate
        • Corporate Aqua Color
        • Corporate Blue Color
        • Corporate Brown Color
        • Corporate Dark Blue Color
        • Corporate Green Color
        • Corporate Light Green Color
        • Corporate Grey Color
        • Corporate Orange Color
        • Corporate Purple Color
        • Corporate Red Color
      • Email Flat
        • Flat Aqua Color
        • Flat Blue Color
        • Flat Brown Color
        • Flat Dark Blue Color
        • Flat Green Color
        • Flat Light Green Color
        • Flat Grey Color
        • Flat Orange Color
        • Flat Purple Color
        • Flat Red Color
      • Email Modern
        • Modern Aqua Color
        • Modern Blue Color
        • Modern Brown Color
        • Modern Dark Blue Color
        • Modern Green Color
        • Modern Light Green Color
        • Modern Grey Color
        • Modern Orange Color
        • Modern Purple Color
        • Modern Red Color
    • Service Pages
      • Our Services
      • Our Services Basic
    • Funny Boxes
    • Pricing Tables
      • Colorful Pricing Tables
      • Flat Pricing Tables
      • Light Pricing Tables
      • Mega Pricing Tables
      • Default Pricing Tables
    • Invoice Page
    • Search Results
      • Default Search Results
      • Search Result Tables
    • Coming Soon
    • FAQs Pages
      • FAQs Page
      • FAQs Basic
    • Gallery Page
    • Login and Registration
      • Registration Page
      • Login Page
      • Registration Option
      • Login Option
    • Error Pages
      • 404 Error Default
      • 404 Error Option 1
      • 404 Error Option 2
      • 404 Error Option 3
    • Clients Page
    • Column Pages
      • 2 Columns Page Left
      • 2 Columns Page Right
      • 3 Columns Page
    • Privacy Policy
    • Terms Of Service
    • Sub Level 1
      • Sub Level 2
      • Sub Level 2
        • Sub Level 3
        • Sub Level 3
        • Sub Level 3
        • Sub Level 3
      • Sub Level 2
      • Sub Level 2
        • Sub Level 3
        • Sub Level 3
        • Sub Level 3
  • Features
      • Typography & Components

      • General Typography
      • Headings Options
      • Dividers
      • Blockquote Blocks
      • Box Shadows
      • Testimonials
      • Tagline Boxes
      • Grid Layouts
      • Alerts & Messages
      • Labels & Badges
      • Audio/Videos & Images
      • Paginations
      • Header & Footers

      • Headers
      • Footers
      • Buttons & Icons

      • General Buttons
      • Brand & Social Buttons
      • Loading & Hover Effects
      • General Icons
      • Font Awesome Icons
      • Line Icons
      • Glyphicons Icons (Bootstrap)
      • Glyphicons Icons Pro
      • Common elements

      • General Content Boxes
      • Colored Boxes
      • Funny Boxes
      • Thumbnails
      • Accordion & Tabs
      • Timeline Option 1
      • Timeline Option 2
      • Tables
      • Progress Bars
      • Panels
      • Forms & Infographics

      • Common Bootstrap Forms
      • General Unify Forms
      • Advanced Forms
      • Form Layouts
      • Advanced Layout Forms
      • Form States
      • Form Sliders
      • Modals
      • Carousel Examples
      • Charts & Countdowns
      • Google Maps
      • Vector Maps
  • Portfolio
      • Default

      • Portfolio Item Option
      • Portfolio Item Option 1
      • Portfolio Item Option 2
      • Portfolio 2 Columns
      • Portfolio 3 Columns
      • Portfolio 4 Columns
      • Portfolio 4 Columns With Text
      • 2 Columns

      • 2 Columns No Sapce
      • 2 Columns Grid Text
      • 2 Columns Grid
      • 3 Columns

      • 3 Columns No Sapce
      • 3 Columns Grid Text
      • 3 Columns Grid
      • 4 Columns

      • 4 Columns Full Width No Sapce
      • 4 Columns Fullwidth Grid Text
      • 4 Columns Fullwidth Grid
      • 4 Columns No Sapce
      • 4 Columns Grid Text
      • 4 Columns Grid
      • 5 Columns

      • 5 Columns Fullwidth No Sapce
      • 5 Columns Fullwidth Grid Text
      • 5 Columns Fullwidth Grid
      • 6 Columns

      • 6 Columns Fullwidth No Sapce
      • 6 Columns Fullwidth Grid Text
      • 6 Columns Fullwidth Grid
  • Blog
    • Blog Page
    • Blog Large
    • Blog Medium
    • Blog Full Width
    • Blog Timeline
    • Masonry Grid Blog
    • Blog Right Sidebar
    • Blog Left Sidebar
    • Blog Item Option 1
    • Blog Item Option 2
  • Contacts
    • Contacts Default
    • Contacts Advanced
    • Contacts Option 1
    • Contacts Option 2
    • Contacts Option 3

Loading & Hover Effects

  • Home
  • Features
  • Buttons
  • Typography
    • General Typography
    • New Heading Options
    • New Dividers
    • Blockquote Blocks
    • New Box Shadows
    • Testimonials
    • Tagline Boxes
    • Grid Layouts
  • Buttons UI
    • General Buttons
    • New Brand & Social Buttons
    • New Loading & Hover Effects
  • Icons
    • New General Icons
    • Font Awesome Icons
    • New Line Icons
    • Glyphicons (Bootstrap)
    • Glyphicons Pro Icons
  • Content Boxes
    • New General Content Boxes
    • Colored Boxes
    • Funny Boxes
  • Thumbails
  • Components
    • Alerts & Messages
    • New Labels & Badges
    • New Progress Bars
    • New Audio/Videos & Images
    • Panels
    • Pagination
  • Accordion and Tabs
  • Timeline
    • New Timeline 1
    • New Timeline 2
  • New Carousel Exampls
  • Forms
    • Common Bootstrap Forms
    • New General Unify Forms
    • New Advanced Forms
    • New Form Layouts
    • New Advanced Form Layouts
    • New Form States
    • New Form Sliders
    • New Modals
  • Tables
  • Maps
    • New Google Maps
    • New Vector Maps
  • New Charts & Countdowns

Hover Effects

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.


2D Transforms:

Grow Shrink Pulse Grow Pulse Shrink Push Pop Rotate Grow Rotate Float Sink Hover Hang Skew Grow Rotate

Border Transitions:

Border Fade Hollow Outline Outward Outline Inward Trim Round Corners

Shadow and Glow Transitions

Glow Box Shadow Outset Box Shadow Inset Float Shadow Hover Shadow Shadow Radial

Curls

Curl Top Left Curl Top Right Curl Bottom Right Curl Bottom Left

Speech Bubbles

Bubble Float Top Bubble Float Right Bubble Float Bottom Bubble Float Left
Heads up! *Note that 'Bubble' buttons can not be appliead to any other button colors.

Loading Buttons

Buttons with built-in loading indicators, effectively bridging the gap between action and feedback.


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

Duis eleifend fermentum ante ut aliquam. Cras mi risus, dignissim sed adipiscing ut, placerat non arcu.

Latest Posts

  • Incredible content May 8, 2014
  • Best shoots June 23, 2014
  • New Terms and Conditions September 15, 2014

Useful Links

  • About us
  • Portfolio
  • Latest jobs
  • Community
  • Contact us

Contact Us

25, Lorem Lis Street, Orange
California, US
Phone: 800 123 3456
Fax: 800 123 3456
Email: info@anybiz.com

2014 © All Rights Reserved. Privacy Policy | Terms of Service