国境を越えた旅を始めよう
お問い合わせ

ウェブサイト制作 カスタマーサービス

カスタマーサービス

デザイナー(Figmaのプロトタイプを作る)

Elementorのビデオ背景の中央揃えと縮小 100% show

まず、動画コンテナ:video-bannerにcssクラスを追加し、次にcssにコードを追加する。

.ビデオ-バナー .エレメンタ-背景-ビデオ-容器 {
表示: フレックス !重要;
整列-項目: センター !重要;
ジャスティファイ-内容: センター !重要;
位置: 絶対 !重要;
トップ: 0;: 0;: 100%; 高さ: 100%;
z-インデックス: 1;
ポインター-イベント: なし !重要;
}
.ビデオ-バナー .エレメンタ-背景-ビデオ-容器 ビデオ {
: 70ブイ !重要;
高さ: 70vh !重要;
オブジェクト-フィット: 含む !重要;
表示: ブロック !重要;
マージン: 0 !重要;
背景: #000 !重要;
ポインター-イベント: なし !重要;
ボーダー: なし !重要;
概要: なし !重要;
位置: 相対的 !重要;
: 0 !重要;
トップ: 0 !重要;
/* この値は微調整できる!*/
変える: トランスレートX(0ブイ);
}