2019年06月3日(月)

CSSでアニメみたいに文字や画像を真っ二つ、斜めに斬るスタイルシートのテクニック

• 0
• 92
• 57
• 85

* {

      margin: 0;

      padding: 0;

    }

    body {

      display: flex;

      justify-content: center;

      align-items: center;

      width: 100vw;

      height: 100vh;

      background-color: hsl(0, 0%, 20%);

    }

    .wrap {

      position: relative;

    }

    .text {

      font-size: 20vw;

      line-height: .8;

      color: whitesmoke;

      text-transform: uppercase;

      font-weight: bold;

      /* background-color: pink; */

    }

    .wrap...