update: ロード画面の終了要素にアニメーションを適用
This commit is contained in:
parent
7866ecec78
commit
df35d6fe7d
@ -444,3 +444,10 @@
|
|||||||
0% { transform: scale(0) rotate(-5deg); }
|
0% { transform: scale(0) rotate(-5deg); }
|
||||||
100% { transform: scale(1) rotate(-5deg); }
|
100% { transform: scale(1) rotate(-5deg); }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*** end ***/
|
||||||
|
@keyframes load-view__end {
|
||||||
|
0% { left: 50%; width: 0; }
|
||||||
|
100% { left: 0%; width: 100%; }
|
||||||
|
}
|
||||||
|
|||||||
@ -1189,5 +1189,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* end-load-view
|
||||||
|
*/
|
||||||
|
.end-load-view {
|
||||||
|
div:nth-child(1) { animation: load-view__end 0.5s ease 14.2s forwards; }
|
||||||
|
div:nth-child(2) { animation: load-view__end 0.5s ease 14.3s forwards; }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user