mikaelnogueira / box-model

💻 Check out my HTML and CSS button project, focused on learning transition effects, shadows, size changes, and more.

Creation of 5 buttons with effects in HTML and CSS 💻🌟

This is a learning project to improve my CSS skills, focusing on button effects. The goal is to create 5 buttons with different size, shadow, and scaling effects.

Buttons to be created:

• Button with shadow 🌑
• Button that increases in size when hovering 🖱️🔍
• Button that decreases in size when hovering out 🖱️🔍
• Button that increases in size on the side when hovering 🖱️👉
• Button that decreases in size on the side when hovering out 🖱️👈

How to run the project:

To run the project, follow the instructions below:

1. Clone the repository on your machine
2. Access the project directory via terminal
3. Open the index.html file in your browser
4. Or open the website by clicking here

Technologies used:

• HTML 📝
• CSS 🎨

Author:

This project was developed by Mikael Nogueira, as part of his CSS learning portfolio. This challenge was proposed by SuperSimpleDev with the aim of teaching HTML and CSS in a simple and high-quality way.

Social Media:

• Instagram: @nog.mikael 📷
• LinkedIn: @mikaelnogueira 🔗
• GitHub: @mikaelnogueira 🐙

License:

This project is licensed under the MIT license.

Made with ❤️ by Mikael Nogueira