HOME / プログラミング学習の集い / ワークショップ / リクルート
CSSの基本 / CSSの応用 / CSSの開発 / CSSリファレンス

@keyframes
  fadeIn {
  from { opacity:0; } 
  to { opacity:1; } 
}

#notification {
  background-color: rgba(0,0,255,0.1);
  color:#0000FFDD; 
  text-align:center;
  height: 50px;
  padding-top: 20px;
  animation-name: fadeIn;
  animation-duration: 3s;
  animation-timing-function: linear;
}