nostalgic-css/NES.css

Simple cool improvements for the project!

NQUARE opened this issue · 1 comments

Hi!
I want to suggest some interesting and easily implemented (already made by me) improvements.
And so the first thing is the smoothness of the animation of pressing the button, it seems to me that when you click on the button, there is no return, so I tried to add transition:. 08s; and it turned out very cool. It feels like the button is actually being pressed and the shadows are not changing.
Then I think that the transparency of 0.6 for a disabled element is a lot, you can confuse it with the usual one. You can set (opacity) at least 0.5.
The following also applies to the disabled button. Can be done (I already did) animation of shaking when you click on it.

.is-disabled:active {
	animation: .08s shaking;
}
@keyframes shaking {
	25% {
		transform: translate(-3px, -3px);
	}
	50% {
		transform: translate(-3px, 3px);
	}
	75% {
		transform: translate(3px, 3px);
	}
	100% {
		transform: translate(3px, -3px);
	}
}

You can do better in more frames.
I would also like to see a slider in the NES style. I can do it if you want.
Well, and many more new improvements and translations to a newer version of html. Again, I can do this if you pay attention to it.
Thank you, I hope my advice will help in improving the project.

Hello @NQUARE, thank you for your issue and all your suggestions.
To be honest with you, we are not working actively on this project for a while now.
I've been trying to maintain it from time to time, however I don't have access/authorization to accept new features or publish new releases.
So for now, I do apologize, but I don't think there's much we can do here.
Thank you again.