質問編集履歴

1

tuiki

2023/05/27 15:57

投稿

obito
obito

スコア14

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ### 前提
6
6
 
7
- swiperで3枚のスライド表示し、真ん中(active状態)以外の左右2枚だけをtransform: scale();で小さくしたいです。
7
+ スワイパーで3枚のスライド表示し、真ん中(active状態)以外の左右2枚だけをtransform: scale();で小さくしたいです。
8
8
  そのため.swiper-slide-prevと.swiper-slide-nextにtransform: scale();を設定したのですが、transform: translateZ(0)というスタイルがデフォルトで設定されており、transform: scale();がかき消されてしまいうまくできません(画像参照)
9
9
  ブラウザの検証画面よりtransform: translateZ(0)のチェックを外すとscaleがうまく適応されたのでこれさえ消せれば...という感じなのですが...
10
10