いつもお世話になります。よろしくお願いします。 ■お手本サイト：https://rinn.co.jp/meow/ ■やりたいこと： ①画面読み込み直後の左右のスライド（Journal/products)に対して、　opacity:0.5をかけたい。　試した事⇨　scriptにて以下記載してるものの、反応なし。　（スライド時のopacityは動く様になっており、画面読み込み直後が効かない。） ②お手本サイトの様に、左右のスライドをやや見切れさせたい。　slideperviewの設定を3以下（例えば2.5）にすると見切れるものの、　センター位置がずれてしまう、、センター位置はズレず、左右を同じ比率で見切れさせたい。＊headerは割愛 ```html

JOURNAL

WOOF

PRODUCTS

Journalのコンテンツ
WOOFのコンテンツ
Productsのコンテンツ

ーーCSSーー /* swiperのスタイル */ .swiper-wrapper { width: 100%; height: 250px; margin-top: 76px; font-size: 3.5em; letter-spacing: 10px; } /* 全スライド共通スタイル */ .swiper-slide { color: #ffffff; width: 100%; height: 100%; text-align: center; line-height: 250px; color: black; } #slide-contents li{ display: none; } .opa{ opacity: 0.4; } ```

質問編集履歴