https://github.com/mikaelnogueira/box-model

💻 Check out my HTML and CSS button project, focused on learning transition effects, shadows, size changes, and more.
https://github.com/mikaelnogueira/box-model

box box-model button creation css css-html github html html-css html5 index mikaelnogueira model project shadow style supersimpledev

Last synced: 17 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/mikaelnogueira/box-model
• Owner: mikaelnogueira
• Created: 2023-05-10T22:36:20.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-05-11T01:55:17.000Z (over 1 year ago)
• Last Synced: 2024-01-26T02:49:36.228Z (11 months ago)
• Topics: box, box-model, button, creation, css, css-html, github, html, html-css, html5, index, mikaelnogueira, model, project, shadow, style, supersimpledev
• Language: CSS
• Homepage: https://mikaelnogueira.github.io/box-model/
• Size: 5.86 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

	
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:

	


		
Clone the repository on your machine

		
Access the project directory via terminal

		
Open the index.html file in your browser

		
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