https://github.com/luigiminardi/ps4_control_css
PS4 Control made in CSS
https://github.com/luigiminardi/ps4_control_css
css3 html-css-javascript html5 javascript javascript-vanilla js
Last synced: about 2 months ago
JSON representation
PS4 Control made in CSS
- Host: GitHub
- URL: https://github.com/luigiminardi/ps4_control_css
- Owner: luigiMinardi
- License: mit
- Created: 2022-01-19T15:07:36.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-23T22:13:14.000Z (over 4 years ago)
- Last Synced: 2025-10-26T11:56:19.229Z (8 months ago)
- Topics: css3, html-css-javascript, html5, javascript, javascript-vanilla, js
- Language: CSS
- Homepage: https://luigiminardi.github.io/PS4_Control_CSS/
- Size: 2.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Welcome to my virtual PS4 control
This is a project made entirely in HTML, CSS and JS. The objective of the project was to made a PS4 control using just CSS. I did it and added some features to it that you can see below.
To check the website go [here](https://luigiminardi.github.io/PS4_Control_CSS/) or click in the image below.
[](https://luigiminardi.github.io/PS4_Control_CSS/)
# :question: How to use
## :radio_button: - PS Button
Clicking on the PS button turns the PS4 on. (Click again to turn it off).
## :curly_loop: - Share & Options
### :link: - Share
Clicking on Share allows you to send this link through the internet. (Copy the site url to clipboard).
### :ballot_box_with_check: - Options
Clicking on Options allow you to show the reference image or hide it. (But you need to turn the PS4 on first or it will raise an error). (Click again return to the PS4 screen).
## :heavy_multiplication_x: :small_red_triangle: ⬜ :red_circle:
### :heavy_multiplication_x: - X Button
Changes the background to blue (clicking again turn it back to normal).
### ⬜ - Square Button
Changes the background to pink (clicking again turn it back to normal).
### :small_red_triangle: - Triangle Button
Changes the background to green (clicking again turn it back to normal).
### :red_circle: - Circle Button
Changes the background to red (clicking again turn it back to normal).