https://github.com/richardmiruka/3d-hover-button

A simple web component to create interactive buttons with a 3D hover effect.
https://github.com/richardmiruka/3d-hover-button

3d 3d-effect 3d-hover-effect

Last synced: about 1 month ago
JSON representation

A simple web component to create interactive buttons with a 3D hover effect.

• Host: GitHub
• URL: https://github.com/richardmiruka/3d-hover-button
• Owner: RichardMiruka
• License: mit
• Created: 2023-08-31T14:20:25.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-31T21:02:54.000Z (over 1 year ago)
• Last Synced: 2023-09-01T07:43:13.477Z (over 1 year ago)
• Topics: 3d, 3d-effect, 3d-hover-effect
• Language: CSS
• Homepage: https://threed-hover-effect-application.onrender.com
• Size: 4.88 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 3d-hover-button

The 3D Hover Button Effect is a simple web component implemented using HTML and CSS to create interactive buttons with a 3D hover effect. It also utilizes the Font Awesome icon library for adding icons to the buttons.

# Usage

1. Open the file in a web browser

2.  Hover over the buttons to see the 3D effect, which includes a rotation and shadow change.

3. Click on a button to simulate the corresponding action (like, retweet, share, comments).