• コミュニティ

  HTMLのナレッジを貯めよう！！

  のい CX ウィジェット   1 年, 6 月前 9 人 · 18 コメント

• 

  つめ CX @SIVA

  メンバー

  2022年9月16日 19:40

  タグ設定で記事内の画像横幅を記事幅に一括で合わせるコードです！

  テキストの横幅は変えずに画像の横幅（余白）を調整できます！

  javascript head

  <style>

  body .article-body img {

  width: calc(100% + 40px);

  max-width: inherit!important;

  position: relative;

  left: -20px;

  }

  </style>
• 

  のい CX ウィジェット

  メンバー

  2022年10月7日 18:07

  ▼ボタンタグの周りの枠線を外す記述

  該当セレクタ button {

  border: none;

  }

  画像のCTAを使用する場合は

  背景が白の場合は以下に設定することで、後ろの背景を消して

  画像だけのCTAにすることが可能です！👌

  該当セレクタ button {

  border: none;

  background-color: #fff;

  }
• 

  のい CX ウィジェット

  メンバー

  2022年10月17日 19:03

  ▼テキストを点滅させるコード

  【CSS】

  .flash {
    animation: flash 1s ease infinite alternate;
    display: flex;
    justify-content: center;
  }

  @keyframes flash {
    50% {
      opacity: 0;
    }
  }

  • 1 年, 6 月前  のい cx ウィジェットが変更
  • 1 年, 6 月前  のい cx ウィジェットが変更

Log In to Reply