nostalgic-css / NES.css

NES-style CSS Framework | ファミコン風CSSフレームワーク
https://nostalgic-css.github.io/NES.css/
MIT License
20.64k stars 1.65k forks source link

Simple cool improvements for the project! #453

Open NQUARE opened 3 years ago

NQUARE commented 3 years ago

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.

guastallaigor commented 3 years ago

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.