テンプレート:桜/style.css

.fall {
	animation: 17s ease-in infinite normal fall
}
.fall2 {
	animation: 14s ease-in infinite normal fall
}
.rotate {
	animation: 10s ease-in-out infinite alternate rotate;
}
.rotate2 {
	animation: 7s ease-in-out infinite alternate-reverse rotate;
}
@keyframes fall {
  0% {
  	transform: translateY(0);
  	opacity:0;
  }
  15%{opacity:100}
  85%{opacity:100}
  100% {
  	transform: translateY(100vh);
  	opacity: 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(-90deg);
  }
  to {
    transform: rotate(90deg);
  }
}