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%;
text-align: center;
}
.popup-modal p {
margin-bottom: 24px
margin-bottom: 24px;
}
.backdrop {
@ -64,12 +65,10 @@ button {
/* SOLUTION */
.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%);
}
.popup-modal.show {
transform: translate(-50%, -50%);
}

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

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