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

<div class="selector"></div>

:root {
	--bg-color-b: 218;
	--bg-color-g: 125;
	--bg-color-r: 104;
	--bg-opacity: .8;
}

.selector {
	background-color: rgba(var(--bg-color-r), var(--bg-color-g), var(--bg-color-b), var(--bg-opacity));
	height: 50vh;
}

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.