Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

added css roaster machine project #880

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
aayush105 merged 1 commit into you-dont-need:master from sandeepMcodeX:css-roaster-machine
Oct 27, 2025

Conversation

@sandeepMcodeX
Copy link
Contributor

@sandeepMcodeX sandeepMcodeX commented Oct 20, 2025

This pull request adds a BackRoom 3D Toaster Game built entirely using HTML and CSS, with no JavaScript.
The project creatively uses CSS 3D transforms, gradients, and animations to simulate a realistic toaster mechanism and bread toasting process.

🔥 Highlights:

  • 100% HTML + CSS (no JavaScript used)
  • Animated toaster handle and bread movement
  • Realistic 3D effects using CSS variables and shadows
  • Customizable design with CSS variables for colors and sizes
  • Smooth toast notification and snackbar animations

🧠 Concept:
A fun and interactive 3D toaster simulation that demonstrates how far pure CSS can go in creating dynamic, game-like effects without any scripting.

Copy link
Member

@sandeepMcodeX

Can you please provide me the demo video of your project?

Copy link
Contributor Author

Added Demo Video for CSS Roaster Machine Project
https://docs.google.com/videos/d/1QeBUNj622o_ym7w9-ZY7fq0KIVSj6P0XDd7YnydHZ90/edit?usp=sharing
Hello Sir 👋,
I’ve uploaded the demo video for my CSS Roaster Machine Project.
Kindly review it and please merge my pull request if everything looks good. 🙏

Thank you! 😊

Copy link
Member

Added Demo Video for CSS Roaster Machine Project https://docs.google.com/videos/d/1QeBUNj622o_ym7w9-ZY7fq0KIVSj6P0XDd7YnydHZ90/edit?usp=sharing Hello Sir 👋, I’ve uploaded the demo video for my CSS Roaster Machine Project. Kindly review it and please merge my pull request if everything looks good. 🙏

Thank you! 😊

The drive needs access, can you make it public? @sandeepMcodeX

Copy link
Contributor Author

Sir Done drive access Public

aayush105 reacted with heart emoji

Copy link
Member

@aayush105 aayush105 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work in animation. This pr makes a valuable contribution to our repo.

Thank you @sandeepMcodeX for your contribution.

@aayush105 aayush105 merged commit bc0f7d4 into you-dont-need:master Oct 27, 2025
Copy link
Contributor Author

Thank you sir

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@aayush105 aayush105 aayush105 approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

AltStyle によって変換されたページ (->オリジナル) /