Python matplotlibを使って学ぶ統計処理 正規分布 新しいページはコチラ

提供: yonewiki
移動: 案内, 検索
(アニメーションマーカー)
(アニメーションマーカー)
148行: 148行:
 
=== アニメーションマーカー ===  
 
=== アニメーションマーカー ===  
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 
<script>
 
<script>
&#36;<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>window<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>.scroll<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>function <span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span><span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>{
+
&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>window<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.scroll<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>function&nbsp;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>{
&#36;<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>".marker-animation"<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>.each<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>function<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span><span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>{
+
&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>".marker-animation"<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.each<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>function<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>{
  var position = &#36;<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>this<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>.offset<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span><span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>.top; //ページの一番上から要素までの距離を取得
+
&nbsp;&nbsp;var&nbsp;position&nbsp;=&nbsp;&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>this<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.offset<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.top;&nbsp;//ページの一番上から要素までの距離を取得
  var scroll = &#36;<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>window<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>.scrollTop<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span><span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>; //スクロールの位置を取得
+
&nbsp;&nbsp;var&nbsp;scroll&nbsp;=&nbsp;&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>window<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.scrollTop<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;&nbsp;//スクロールの位置を取得
  var windowHeight = &#36;<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>window<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>.height<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span><span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>; //ウインドウの高さを取得
+
&nbsp;&nbsp;var&nbsp;windowHeight&nbsp;=&nbsp;&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>window<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.height<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span><span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;&nbsp;//ウインドウの高さを取得
  if <span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>scroll &gt; position - windowHeight<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>{ //スクロール位置が要素の位置を過ぎたとき
+
&nbsp;&nbsp;if&nbsp;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>scroll&nbsp;&gt;&nbsp;position&nbsp;-&nbsp;windowHeight<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>{&nbsp;//スクロール位置が要素の位置を過ぎたとき
    &#36;<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>this<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>.addClass<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>'active'<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>; //クラス「active」を与える
+
&nbsp;&nbsp;&nbsp;&nbsp;&#36;<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>this<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>.addClass<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>'active'<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;&nbsp;//クラス「active」を与える
  }
+
&nbsp;&nbsp;}
}<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>;
+
}<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
}<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>;
+
}<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
 
&lt;/script&gt;
 
&lt;/script&gt;
&lt;style type= "text/css"&gt;
+
&lt;style&nbsp;type=&nbsp;"text/css"&gt;
  
 
.marker-animation.active{
 
.marker-animation.active{
    background-position: -100% .5em;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;-100%&nbsp;.5em;
 
}
 
}
  
.marker-animation {
+
.marker-animation&nbsp;{
    background-image: -webkit-linear-gradient<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>left, transparent 50%, rgb<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>255,250,153<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span> 50%<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;-webkit-linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
    background-image: -moz-linear-gradient<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>left, transparent 50%, rgb<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>255,250,153<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span> 50%<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;-moz-linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
    background-image: -ms-linear-gradient<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>left, transparent 50%, rgb<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>255,250,153<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span> 50%<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;-ms-linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
    background-image: -o-linear-gradient<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>left, transparent 50%, rgb<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>255,250,153<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span> 50%<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;-o-linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
    background-image: linear-gradient<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>left, transparent 50%, rgb<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">(</span>255,250,153<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span> 50%<span style = "'Meiryo', 'ヒラギノ角ゴ Pro W3 ', 'MS Pゴシック', ' Osaka', sans-serif; font-style: normal; !important">)</span>;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;linear-gradient<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>left,&nbsp;transparent&nbsp;50%,&nbsp;rgb<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">(</span>255,250,153<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>&nbsp;50%<span&nbsp;style&nbsp;=&nbsp;"'Meiryo',&nbsp;'ヒラギノ角ゴ&nbsp;Pro&nbsp;W3&nbsp;',&nbsp;'MS&nbsp;Pゴシック',&nbsp;'&nbsp;Osaka',&nbsp;&nbsp;sans-serif;&nbsp;font-style:&nbsp;normal;&nbsp;!important">)</span>;
    background-repeat: repeat-x;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-repeat:&nbsp;repeat-x;
    background-size: 200% .8em;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-size:&nbsp;200%&nbsp;.8em;
    background-position: 0 .5em;
+
&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;0&nbsp;.5em;
    transition: all 2s ease;
+
&nbsp;&nbsp;&nbsp;&nbsp;transition:&nbsp;all&nbsp;2s&nbsp;ease;
    font-weight: bold;
+
&nbsp;&nbsp;&nbsp;&nbsp;font-weight:&nbsp;bold;
 
}
 
}
  
 
&lt;/style&gt;
 
&lt;/style&gt;
 +
 +
 +
  
  

2020年4月16日 (木) 00:00時点における版



個人用ツール
名前空間

変種
操作
案内
ツールボックス