[ 解決済 ] 大きく斜めに区切られたレイアウトについて

このトピックには2件の返信、2人の参加者があり、最後にavusblueにより3年、 5ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2021年5月18日 9:23 AM #51950

avusblue
参加者

■ 利用テーマとバージョン :
Lightning バージョン 14.1.6
Lightning G3 Pro Unit バージョン 0.2.7

■ 質問内容：
Lightning紹介ページ内の
大きく斜めに区切られたレイアウトはどのようにすれば
実現できるでしょうか？

Attachments:
You must be logged in to view attached files.

該当URL : https://*********
※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

2021年5月18日 9:36 PM #51978
junon
参加者
ソースを見る限り
独自のデザインスキンで実装されていると思います。
```
.ltg3-s-neon .g3-lp .section--before:before {
    content: "";
    width: 100vw;
    height: 250vh;
    background-color: #000;
    -webkit-transform: skewY(-23deg);
    transform: skewY(-23deg);
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -2;
}
```
な感じで、classを当てたり、CSSを書けばいいと思います。

このCSSの意味がわからなければ、
既存のブロックを使っての設定ではないので
CSSを勉強するか、他の人に頼むしかないかと思います。
2021年5月19日 9:07 AM #51983

avusblue
参加者

junon様

返信ありがとうございます。

Outerブロックの「区切りの設定」でできると思い、質問したのですが
カスタマイズが必要なんですね。

CSSでやってみようと思います。

解説頂きありがとうございました。
投稿者

投稿