Python matplotlibを使って学ぶ統計処理 正規分布 新しいページはコチラ
提供: yonewiki
(→アニメーションマーカー) |
(→アニメーションマーカー) |
||
168行: | 168行: | ||
.marker-animation.active{ /*mraker-animation.activeというスタイルになると*/ | .marker-animation.active{ /*mraker-animation.activeというスタイルになると*/ | ||
background-position: -100% .5em; /*マーカー領域のまるまる1区画分の位置に背景領域を設定し、*/ | background-position: -100% .5em; /*マーカー領域のまるまる1区画分の位置に背景領域を設定し、*/ | ||
− | /* | + | /*更に背景高さを上から0.5em(1emは文字1文字分の幅に相当なので、*/ |
/*文字半分くらい)に設定 */ | /*文字半分くらい)に設定 */ | ||
} | } | ||
179行: | 179行: | ||
background-image: linear-gradient(to left, transparent 50%, rgb(255,250,153) 50%); | background-image: linear-gradient(to left, transparent 50%, rgb(255,250,153) 50%); | ||
/*全てlinear-gradientだけど上4つはブラウザ毎の設定 */ | /*全てlinear-gradientだけど上4つはブラウザ毎の設定 */ | ||
+ | /*200%の横幅に対して右から半分は透明に残りは指定色に*/ | ||
background-repeat: repeat-x; /*100%を超える領域も使うのでその部分はx方向に繰り返す*/ | background-repeat: repeat-x; /*100%を超える領域も使うのでその部分はx方向に繰り返す*/ | ||
− | background-size: 200% .8em; /* | + | background-size: 200% .8em; /*領域の大きさは横は2倍に 高さマーカー高さ幅は0.8emに*/ |
− | background-position: 0 .5em; /*背景の位置は0 | + | background-position: 0 .5em; /*背景の位置は0 上から0.5emに。この位置に戻そうとするような動きになる*/ |
transition: all 2s ease; /*動かす指定で違うところのpositionになっていると2秒かけて最後に指定した*/ | transition: all 2s ease; /*動かす指定で違うところのpositionになっていると2秒かけて最後に指定した*/ | ||
/*positionにする。*/ | /*positionにする。*/ |