DjalimSimaila/SAE-A2-TruthInquiry
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Client] Add transition on the action button

Browse Source 
Also remove game title text effect due to different rendering between browsers.

Co-authored-by: Cazals Mathias <mathiascazals@users.noreply.github.com>
This commit is contained in:
AudricV 2023-01-02 12:15:42 +01:00
parent e80c3e5763
commit 15525b76a3
No known key found for this signature in database
GPG Key ID: DA92EC7905614198
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
truthseeker/static/css/game_ui_start.css
View File

@ -35,8 +35,6 @@
margin-top: 0.5em; margin-top: 0.5em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
text-align: center; text-align: center;
-webkit-text-stroke: 1px black;
text-shadow: 1px 0 0 red, 0 1px 0 red, -1px 0 0 red, 0 -1px 0 red;
} }
.top_button { .top_button {
@ -69,4 +67,11 @@
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
text-transform: uppercase; text-transform: uppercase;
} overflow: hidden;
transition: box-shadow 0.5s, transform 0.5s;
}
.action_button:hover {
transform: translate(0.1em, 0.1em);
box-shadow: 10px -10px 25px 0px black, -10px 10px 25px 0px black;
}