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

VWSとは フォーラム Lightning [ 解決済 ] 大きく斜めに区切られたレイアウトについて

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

  • このトピックには2件の返信、2人の参加者があり、最後にavusblueにより3年、 6ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #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はフォーラムライセンスが有効のユーザーにのみ表示されます

    #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を勉強するか、他の人に頼むしかないかと思います。

    #51983

    avusblue
    参加者

    junon様

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

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

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

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。