r0r-5chach/CSY1018-assignment-1
r0r-5chach
/
CSY1018-assignment-1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changed duration of blog enlarge animation

This commit is contained in:
Joshua Perry 2022-04-13 18:24:20 +01:00
parent 67bda78d98
commit 7f618be1ae
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
blog/blog.css
View File

@ -5,6 +5,7 @@
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
border-radius: 2em; border-radius: 2em;
transition: transform 1s;
} }
.blog_image { .blog_image {
@ -19,36 +20,36 @@
.blog_post#first:focus-within { .blog_post#first:focus-within {
transform: scale(180%, 180%) translate(20em, 6em); transform: scale(180%, 180%) translate(20em, 6em);
transition: transform 60ms; transition: transform 1s;
} }
.blog_post#second:focus-within { .blog_post#second:focus-within {
transform: scale(180%, 180%) translate(0em, 6em); transform: scale(180%, 180%) translate(0em, 6em);
transition: transform 60ms; transition: transform 1s;
} }
.blog_post#third:focus-within { .blog_post#third:focus-within {
transform: scale(180%, 180%) translate(-20em, 6em); transform: scale(180%, 180%) translate(-20em, 6em);
transition: transform 60ms; transition: transform 1s;
} }
.blog_post#fourth:focus-within { .blog_post#fourth:focus-within {
transform: scale(180%, 180%) translate(20em, -13em); transform: scale(180%, 180%) translate(20em, -13em);
transition: transform 60ms; transition: transform 1s;
} }
.blog_post#fifth:focus-within { .blog_post#fifth:focus-within {
transform: scale(180%, 180%) translate(0em, -13em); transform: scale(180%, 180%) translate(0em, -13em);
transition: transform 60ms; transition: transform 1s;
} }
.blog_post#sixth:focus-within { .blog_post#sixth:focus-within {
transform: scale(180%, 180%) translate(-20em, -13em); transform: scale(180%, 180%) translate(-20em, -13em);
transition: transform 60ms; transition: transform 1s;
} }