micah5 / PSone.css

🎮 PS1 style CSS Framework, inspired by NES.css
https://micah5.github.io/PSone.css/
MIT License
620 stars 33 forks source link

[Feature Request] PSOne controller buttons #6

Closed guastallaigor closed 5 years ago

guastallaigor commented 5 years ago

Add icons or buttons to all PSOne controller buttons, made with pure CSS, no images if possible :)

guastallaigor commented 5 years ago

For the arrows I made a first draft:

image

But I could not make the box-shadow to work on top of everything, so for now I removed, and there's a margin issue that I will try to fix.

I'm using this as example:

image

micah5 commented 5 years ago

Ah I see. The buttons look really good though, including the arrows. You can submit a pull request for them and I'll see what I can do to get box-shadow working. Good work, thanks!

micah5 commented 5 years ago

I updated the controller buttons to look more like that example, what do you think?

guastallaigor commented 5 years ago

Ah I see. The buttons look really good though, including the arrows. You can submit a pull request for them and I'll see what I can do to get box-shadow working. Good work, thanks!

I will do that when I have some more free time. Thank you for your help, I really appreciate it!

I updated the controller buttons to look more like that example, what do you think?

Awesome, it looks a lot better now!

guastallaigor commented 5 years ago

Just made two PR's but neither of them is finished. But still, if/when you can, check them out and let me know what do you think about the appearance of it and the code itself. If you have any suggestions or ways to help, please let me know.

Cheers.

micah5 commented 5 years ago

Thank you! I'll try to have a proper look either today or tomorrow, but they both look great from what I've seen in the screenshots. Great stuff

guastallaigor commented 5 years ago

All controller buttons were merged.