blog.css validated

This commit is contained in:
Joshua Perry 2022-04-17 15:22:04 +01:00
parent 428be700e3
commit 3884fc6e6d
1 changed files with 4 additions and 16 deletions

View File

@ -40,36 +40,24 @@
} }
.blog_post#first:focus-within { .blog_post#first:focus-within {
transform: scale(180%, 180%) translate(20em, 6em); transform: scale(1.8, 1.8) translate(20em, 6em);
transition: transform 1s; transition: transform 1s;
} }
.blog_post#second:focus-within { .blog_post#second:focus-within {
transform: scale(180%, 180%) translate(0em, 6em); transform: scale(1.8, 1.8) translate(0em, 6em);
transition: transform 1s; transition: transform 1s;
} }
.blog_post#third:focus-within { .blog_post#third:focus-within {
transform: scale(180%, 180%) translate(-20em, 6em); transform: scale(1.8, 1.8) translate(-20em, 6em);
transition: transform 1s; transition: transform 1s;
} }
.blog_post#fourth:focus-within { .blog_post#fourth:focus-within {
transform: scale(180%, 180%) translate(20em, -13em); transform: scale(1.8, 1.8) translate(20em, -13em);
transition: transform 1s;
}
.blog_post#fifth:focus-within {
transform: scale(180%, 180%) translate(0em, -13em);
transition: transform 1s;
}
.blog_post#sixth:focus-within {
transform: scale(180%, 180%) translate(-20em, -13em);
transition: transform 1s; transition: transform 1s;
} }