チェックボックスをCSSイベントのトリガーとして、表示コントロールをする場合 以下のように兄弟要素になっている必要があります
<input type="checkbox"...> <div id="target-box"> ... </div>
一般的なチェックボックスのスタイルは、以下のような構造でスタイルを当てることが多く
<div> <input type="checkbox"...> </div>
トリガーとして使う場合は、使い勝手が悪くなります
以下のスタイル ...
- カテゴリー別アーカイブ ボタン
-
-
Raindrops ripple effect on color class , gradient class
この投稿は、WordPressテーマ 「Raindrops 1.413」 のリップルエフェクトクラスを、従来からある color class,gradientクラスで組み合わせた場合の表示例です。
color class
color5color4color3color2color1
color-5color-4color-3color-2color-1gradient class
gradient4gradient3gradient2gradient1gradient ...