hugo site
This commit is contained in:
42
assets/css/parts/_animate.scss
Normal file
42
assets/css/parts/_animate.scss
Normal file
@ -0,0 +1,42 @@
|
||||
.main-header,
|
||||
.page-image,
|
||||
.page-content,
|
||||
.about-container,
|
||||
.post-card-box {
|
||||
animation-duration: 0.7s;
|
||||
animation-fill-mode: both;
|
||||
animation-name: fadeInDown;
|
||||
}
|
||||
|
||||
.main-header,
|
||||
.page-image {
|
||||
animation-delay: 0.5s;
|
||||
}
|
||||
|
||||
.page-content,
|
||||
.about-container,
|
||||
.post-card-box {
|
||||
animation-delay: 0.75s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-20px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-20px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user