Python matplotlibを使って学ぶ統計処理 正規分布 新しいページはコチラ
提供: yonewiki
(→アニメーションマーカー) |
(→アニメーションマーカー) |
||
| 212行: | 212行: | ||
.marker-animation { | .marker-animation { | ||
| + | background-image: -webkit-linear-gradient(left, transparent 50%, #7fbfff 50%); | ||
| + | background-image: -moz-linear-gradient(left, transparent 50%, #7fbfff 50%); | ||
| + | background-image: -ms-linear-gradient(left, transparent 50%, #7fbff 50%); | ||
| + | background-image: -o-linear-gradient(left, transparent 50%, #7fbfff 50%); | ||
| + | background-image: linear-gradient(left, transparent 50%, #7fbfff 50%); | ||
| + | background-repeat: repeat-x; | ||
| + | background-size: 200% 20%; | ||
| + | background-position: 0px 100%; | ||
| + | transition: all 2s ease; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .marker-animation2.active{ | ||
| + | background-position: -100% 100%; | ||
| + | } | ||
| + | |||
| + | .marker-animation2 { | ||
background-image: -webkit-linear-gradient(left, transparent 50%, #7fbfff 50%); | background-image: -webkit-linear-gradient(left, transparent 50%, #7fbfff 50%); | ||
background-image: -moz-linear-gradient(left, transparent 50%, #7fbfff 50%); | background-image: -moz-linear-gradient(left, transparent 50%, #7fbfff 50%); | ||
| 226行: | 242行: | ||
</yjavascript> | </yjavascript> | ||
| − | + | background-size: 200% 20% | |
| + | background-position: 0px 100% ← -100% 100% | ||
<span class="marker-animation"> | <span class="marker-animation"> | ||
| + | ここにマーカーをつける文章をいれる | ||
| + | </span> | ||
| + | <span class="marker-animation2"> | ||
ここにマーカーをつける文章をいれる | ここにマーカーをつける文章をいれる | ||
</span> | </span> | ||
