https://github.com/yashi-singh-1/day-12-tooltip

Tooltip Challenge: I'm quite sure, you already know what obsession means. But you can look it up anyways.
https://github.com/yashi-singh-1/day-12-tooltip

challenge css css3 front-end front-end-development front-end-web-development front-enddevelopment frontend frontend-development html html5 obsession tool-tip tooltip web-design webdesign

Last synced: 4 days ago
JSON representation

Tooltip Challenge: I'm quite sure, you already know what obsession means. But you can look it up anyways.

• Host: GitHub
• URL: https://github.com/yashi-singh-1/day-12-tooltip
• Owner: Yashi-Singh-1
• Created: 2024-06-22T06:29:05.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-22T06:43:33.000Z (5 months ago)
• Last Synced: 2024-06-22T17:12:39.976Z (5 months ago)
• Topics: challenge, css, css3, front-end, front-end-development, front-end-web-development, front-enddevelopment, frontend, frontend-development, html, html5, obsession, tool-tip, tooltip, web-design, webdesign
• Language: CSS
• Homepage:
• Size: 132 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Tooltip Challenge


Description

Tooltip: I'm quite sure, you already know what obsession means. But you can look it up anyways.

This project is a part of a 100-day CSS challenge, focusing on creating a stylish and responsive tooltip using pure CSS. The tooltip provides additional information upon hover, featuring smooth transitions and a clean design.


Features



    
Responsive quote display

    
Tooltip with smooth transitions

    
Clean and modern design

    
Pure CSS implementation



Inspiration

Credits for the original design and inspiration go to 100 Days CSS - Day 12.


Repository

You can find the project repository on GitHub: Day-12-Tooltip


Installation

To get a local copy up and running, follow these simple steps:



    
Clone the repo

    
git clone https://github.com/Yashi-Singh-1/Day-12-Tooltip.git

    
Open the project folder

    
cd Day-12-Tooltip

    
Open index.html in your browser

    
open index.html



Preview


![Preview](Preview.png)

Project Structure




Day-12-Tooltip/

├── styles.css

├── index.html

└── README.md





Contribution

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.



    
Fork the Project

    
Create your Feature Branch (git checkout -b feature/AmazingFeature)

    
Commit your Changes (git commit -m 'Add some AmazingFeature')

    
Push to the Branch (git push origin feature/AmazingFeature)

    
Open a Pull Request



Credits

This project was inspired by 100 Days CSS - Day 12. Special thanks to the creators of this challenge for providing such an engaging and educational project.