点滅CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/*点滅スクリプトと同時使用*/
@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.1;/*透明度80%*/
 }
}
 
#d_sidenavi_in ul.side_main_navi li a:hover {
    -webkit-animation-name: pulse;/* 実行する名前 */
    -webkit-animation-duration: 0.1s;/* 0.3秒かけて実行 */
    -webkit-animation-iteration-count: 3;/* 何回実行するか。infiniteで無限 */
    -webkit-animation-timing-function: ease-in-out;/* イーズインアウト */
    -webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
    -webkit-animation-delay: 0s; /* 実行までの待ち時間 */}