single page animation changed

This commit is contained in:
zzossig 2020-01-17 16:58:51 +09:00
parent f4f8d59031
commit f03148857f
3 changed files with 17 additions and 5 deletions

View File

@ -22,6 +22,18 @@
} }
} }
@include keyframes(slide-in-left-little) {
0% {
transform: translate(-1%,0);
opacity: 0;
}
100% {
transform: translate(0,0);
opacity: 1;
}
}
@include keyframes(slide-in-down-little) { @include keyframes(slide-in-down-little) {
0% { 0% {
transform: translate(0,-1%); transform: translate(0,-1%);

View File

@ -11,7 +11,7 @@
line-height: 3rem; line-height: 3rem;
overflow-wrap: break-word; overflow-wrap: break-word;
@include animation('slide-in-left .2s .15s 1 ease-in both'); @include animation('slide-in-down .2s .3s 1 ease-in both');
@include themify($themes) { @include themify($themes) {
color: themed("single-header-title-color"); color: themed("single-header-title-color");
} }
@ -47,7 +47,7 @@
} }
&__contents { &__contents {
@include animation('slide-in-down-little .3s .4s 1 ease-in both'); @include animation('slide-in-left-little .2s .6s 1 ease-in both');
&--gallery { &--gallery {
overflow: hidden; overflow: hidden;
} }