tod
/
odin-default-css-exercises
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #348 from ManonLef/main 

css-exercise animation 02 - edit syntax
This commit is contained in:
Manon 2023-07-18 13:59:34 +02:00 committed by GitHub
parent d2b199b036 18b91bc100
commit 15f62b3c02
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
animation/02-pop-up/solution/solution.css
View File

@ -40,8 +40,9 @@ button {
opacity: 0%; opacity: 0%;
text-align: center; text-align: center;
} }
.popup-modal p { .popup-modal p {
margin-bottom: 24px margin-bottom: 24px;
} }
.backdrop { .backdrop {
@ -64,12 +65,10 @@ button {
/* SOLUTION */ /* SOLUTION */
.popup-modal { .popup-modal {
transition: transform .3s ease-in-out, opacity .4s ease; transition: transform 0.3s ease-in-out, opacity 0.4s ease;
transform: translate(-50%, -100%); transform: translate(-50%, -100%);
} }
.popup-modal.show { .popup-modal.show {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }

4
animation/02-pop-up/style.css
View File

@ -40,8 +40,9 @@ button {
opacity: 0%; opacity: 0%;
text-align: center; text-align: center;
} }
.popup-modal p { .popup-modal p {
margin-bottom: 24px margin-bottom: 24px;
} }
.backdrop { .backdrop {
@ -60,4 +61,3 @@ button {
.backdrop.show { .backdrop.show {
opacity: 30%; opacity: 30%;
} }