Collection of free Bootstrap hover effect code examples.

  1. CSS Hover Effects
  2. jQuery Hover Effects

Creator

  • bbbootstrap

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Services Section with Hover Effect

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Creator

  • bbbootstrap

Programming language

  • HTML / CSS

Information a code

Card Open Detail on Hover

Bootstrap 4 ecommerce single product card open detail on hover.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Bootstrap version: 4.3.1

Creator

  • Ask SNB

Programming language

  • HTML / CSS

Information a code

Meet Our Team

Bootstrap 4 meet our team section on hover with social icons.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Creator

  • bootstrapious

Programming language

  • HTML / CSS

Information a code

Bootstrap Image Hover

5 Bootstrap hover effects for images.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Creator

  • bbbootstrap

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Image with Hover Effect

Bootstrap 4 simple image overlay with hover effect.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Creator

  • bbbootstrap

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Zoom Image on Hover

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Bootstrap version: 4.0.0

Creator

  • bbbootstrap

Programming language

  • HTML / CSS

Information a code

Caption Images with Hover Effect

Bootstrap 4 caption images album with hover effect.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.3.1

Creator

  • FlorinCornea

Programming language

  • HTML / CSS

Information a code

Custom Bootstrap Cards

Custom bootstrap cards with custom hover functionality.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 4.3.1

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Ecommerce Products with Hover Effects

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: material-design-iconic-font.css

Bootstrap version: 4.1.1

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Bootstrap 4 Blog Post with Image Hover

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: material-design-iconic.css

Bootstrap version: 4.1.1

Creator

  • MDBootstrap

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effects – Material Design & Bootstrap 4

Bootstrap hover effect appears when a user positions computer cursor over an element without activating it. Hover effects make a website more interactive.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: mdb.css

Bootstrap version: 4.4.1

Creator

  • Siddharth Panchal

Programming language

  • HTML / CSS

Information a code

21 Hover Effect Styles

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.7

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Team Hover Effect

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.6

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Meet Our Team with Hover Effect

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.6

Creator

  • Alice

Programming language

  • HTML / CSS

Information a code

Hover Effect CSS for Bootstrap Gallery

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.2

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap 3 Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • bestjquery

Programming language

  • HTML / CSS

Information a code

Bootstrap Hover Effect Style

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Creator

  • Dey Dey

Programming language

  • HTML / CSS

Information a code

Projects List with View on Hover

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Bootstrap version: 3.2.0