https://github.com/mikaelnogueira/test-css-01

🌅🔘 Check out my button project with background. Transition effects and styling made in CSS. Technologies: HTML and CSS. Part of Mikael's learning portfolio.
https://github.com/mikaelnogueira/test-css-01

background background-color buttons clone css display flex html index license mikaelnogueira project property repository screen tecnologies transition used

Last synced: 17 days ago
JSON representation

🌅🔘 Check out my button project with background. Transition effects and styling made in CSS. Technologies: HTML and CSS. Part of Mikael's learning portfolio.

• Host: GitHub
• URL: https://github.com/mikaelnogueira/test-css-01
• Owner: mikaelnogueira
• Created: 2023-05-13T20:56:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-05-13T21:28:50.000Z (over 1 year ago)
• Last Synced: 2024-01-25T03:02:38.370Z (11 months ago)
• Topics: background, background-color, buttons, clone, css, display, flex, html, index, license, mikaelnogueira, project, property, repository, screen, tecnologies, transition, used
• Language: HTML
• Homepage: https://mikaelnogueira.github.io/test-css-01/
• Size: 1.14 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Background and Buttons Project 🌅🔘

How to Run the Project 🚀

To run the project, simply clone this repository on your machine and open the index.html file in your browser.

Technologies Used 💻

This project was developed using the following technologies:



	
HTML

	
CSS



Buttons 👇

The buttons were created using the CSS border property to style the elements' borders. Additionally, the background-color property was used to define the buttons' background color.

To make the buttons more interactive, a transition effect was added using the CSS transition property.

The buttons were organized in a container using the display property with a flex value and the justify-content property with a center value.

Author 👤

This project was developed by Mikael, as part of his CSS learning portfolio.

Social Media 🌎



	
Instagram: @nog.mikael 📷

	
LinkedIn: @mikaelnogueira 🔗

	
GitHub: @mikaelnogueira 🐙



License 📄

This project is licensed under the MIT license.