Snow Monkey Blocksのスライダーブロックでドットをサムネイルに変えた際に、currentではないサムネイルを半透明にする方法をご紹介します。
目次
デフォルトの状態
デフォルトだと以下の感じです。
下のサムネイルは半透明ではありません。
CSSを書く
/* カレントで表示されていないサムネイルを半透明に */
.spider__dot:not([aria-current="true"]) {
opacity: 0.6;
transition: opacity 0.4s;
}追加CSSなど、ご自身でCSSを管理されているところに上記の記載をします。
opacityやtransitionの値はお好きになさってください。
半透明になった
以上です！
