.sakura {
position: relative;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.sakura li {
width: 18px;
position: absolute;
list-style: none;
top: -50px;
animation: fall 4s linear infinite, rotate1 2s ease-in-out infinite alternate; } @keyframes fall { to {
top: 120%;
}
}
@keyframes rotate1 {
from {
transform: translateX(0px) rotate(0deg); } to {
transform: translateX(200px) rotate(-80deg) rotateX(180deg); } } @keyframes rotate2 { from {
transform: translateX(200px) rotate(-45deg); } to {
transform: translateX(0px) rotate(0deg); } } .sakura li:nth-child(1) {
left: 0;
animation: fall 10s linear infinite, rotate1 3s ease-in-out infinite alternate; } .sakura li:nth-child(2) {
left: 5vw;
animation: fall 15s linear infinite, rotate1 2s ease-in-out infinite alternate; } .sakura li:nth-child(3) {
left: 15vw;
animation: fall 9s linear infinite, rotate1 3.5s ease-in-out infinite alternate; } .sakura li:nth-child(4) {
left: 30vw;
animation: fall 8s linear infinite, rotate2 4s ease-in-out infinite alternate; } .sakura li:nth-child(5) {
left: 40vw;
animation: fall 10s linear infinite, rotate1 4s ease-in-out infinite alternate; } .sakura li:nth-child(6) {
left: 55vw;
animation: fall 11s linear infinite, rotate2 3s ease-in-out infinite alternate; } .sakura li:nth-child(7) {
left: 65vw;
animation: fall 7s linear infinite, rotate2 3.5s ease-in-out infinite alternate; } .sakura li:nth-child(8) {
left: 50vw;
animation: fall 7s linear infinite, rotate1 3s ease-in-out infinite alternate; }
@keyframes fall {
to {
top: 120%;
}
}
@keyframes rotate1 {
from {
transform: translateX(0px) rotate(0deg); } to {
transform: translateX(200px) rotate(-80deg) rotateX(180deg); } } @keyframes rotate2 { from {
transform: translateX(200px) rotate(-45deg); } to {
transform: translateX(0px) rotate(0deg); } }
|
|
| 学校行事 |
1日(水) |
修学旅行６年 |
| 学校行事 |
1日(水) |
PTA給食試食会 |
| 学校行事 |
2日(木) |
修学旅行６年 |
| 学校行事 |
3日(金) |
文化の日（祝日） 体験ドッジボール |
| 学校行事 |
6日(月) |
お薬講座（６年） |
| 学校行事 |
7日(火) |
遠足５年「万博記念公園」 |
| 学校行事 |
8日(水) |
なかよしタイム |
| 学校行事 |
9日(木) |
昔あそび（１年） |
| 学校行事 |
10日(金) |
商店街見学３年 |
| 学校行事 |
10日(金) |
おもちゃランド（１・２年） |
| 学校行事 |
13日(月) |
クラブ活動（4・5・6年） |
| 学校行事 |
14日(火) |
住吉区絵本の会（1・2・3年） |
| 学校行事 |
14日(火) |
スクールカウンセラー来校日 |
| 学校行事 |
14日(火) |
PTA手芸講座 |
| 学校行事 |
16日(木) |
住吉区絵本の会（4・5・6年） |
| 学校行事 |
17日(金) |
学習参観・懇談会 |
| 学校行事 |
18日(土) |
オータムフェスティバル |
| 学校行事 |
23日(木) |
勤労感謝の日（祝日） 体験ドッジボール |
| 学校行事 |
24日(金) |
遠足５年予備日 |
| 学校行事 |
27日(月) |
たてわり班活動 クラブ活動 |
| 学校行事 |
28日(火) |
スクールカウンセラー来校日 |
| 学校行事 |
30日(木) |
苅田っ子カーニバル |
|
| 11/3 |
文化の日（祝日） 体験ドッジボール |
| 11/6 |
お薬講座（６年） |
| 11/7 |
遠足５年「万博記念公園」 |
| 11/8 |
なかよしタイム |
| 11/9 |
昔あそび（１年） |
|
