Skip to content

πŸ’» Check out my HTML and CSS button project, focused on learning transition effects, shadows, size changes, and more.

Notifications You must be signed in to change notification settings

mikaelnogueira/box-model

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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:

License:

This project is licensed under the MIT license.

Made with ❀️ by Mikael Nogueira