CodePen Embed - （CSS変数）背景画像を変数管理

<div class="selector">
  ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
</div>

:root {
	--img: url("https://pengi-n.co.jp/blog/wp-content/uploads/2024/01/penguin.jpeg");
	--position: center;
	--repeat: repeat-x;
  --color: #c0c0c0;
}

.selector {
	background: var(--img) var(--position) var(--repeat) var(--color);
  font-size: 24px;
  color: #fff;
}

This Pen is owned by PENGIN on CodePen.

See more by @cresta_design on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.