-
HTMLのナレッジを貯めよう！！
-
タグ設定で記事内の画像横幅を記事幅に一括で合わせるコードです！
テキストの横幅は変えずに画像の横幅（余白）を調整できます！
javascript head
<style>
body .article-body img {
width: calc(100% + 40px);
max-width: inherit!important;
position: relative;
left: -20px;
}
</style>
-
▼ボタンタグの周りの枠線を外す記述
該当セレクタ button {
border: none;
}
画像のCTAを使用する場合は
背景が白の場合は以下に設定することで、後ろの背景を消して
画像だけのCTAにすることが可能です！👌
該当セレクタ button {
border: none;
background-color: #fff;
}
-
▼テキストを点滅させるコード
【CSS】
.flash {
animation: flash 1s ease infinite alternate;
display: flex;
justify-content: center;
}@keyframes flash {
50% {
opacity: 0;
}
}-
2 年, 1 月前 Nozomi / CX：オンボーディングが変更
-
2 年, 1 月前 Nozomi / CX：オンボーディングが変更
-
2 年, 1 月前