Pear::Auth 認証

Pear::Auth 認証応用
CSS ファイル
auth.css


63Pear Villageに戻る

@charset "utf-8";
/* CSS Document */
*{
  margin:0px auto;
  padding:0px;
}

#main_l2{
  width:300px;
  margin:20px;
}
@keyframes symp{
  0%{
   transform:
    translate(0px,0px);
  }
  25%{
   transform:
    translate(0px,180px);
  }
  50%{
   transform:
    translate(180px,180px);
  }
  75%{
   transform:
    translate(180px,0px);
  }
  100%{
   transform:
    translate(0px,0px);
  }
}
@-webkit-keyframes symp{
  0%{
   -webkit-transform:
    translate(0px,0px);
  }
  25%{
   -webkit-transform:
    translate(0px,180px);
  }
  50%{
   -webkit-transform:
    translate(180px,180px);
  }
  75%{
   -webkit-transform:
    translate(180px,0px);
  }
  100%{
   -webkit-transform:
    translate(0px,0px);
  }
}

#object1{
  height:40px;
  animation-name
   :symp;
  -webkit-animation-name
   :symp;
  animation-duration
   :8s;
  -webkit-animation-duration
   :8s;
  animation-timing-function
   :linear;
  -webkit-animation-timing-function
   :linear;
  animation-iteration-count
   :infinite;
  -webkit-animation-iteration-count
   :infinite;
}

#object2{
  animation-name
   :symp;
  -webkit-animation-name
   :symp;
  animation-duration
   :8s;
  -webkit-animation-duration
   :8s;
  animation-timing-function
   :linear;
  -webkit-animation-timing-function
   :linear;
  animation-iteration-count
   :infinite;
  -webkit-animation-iteration-count
   :infinite;
  animation-delay
   :0.5s;
  -webkit-animation-delay
   :0.5s;
}