blog.css validated
This commit is contained in:
parent
428be700e3
commit
3884fc6e6d
|
|
@ -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;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue