CSS <alpha-value> Data Type - Playground Example

« Back to CSS <alpha-value> Data Type

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.element {
  background-color: rgba(255, 0, 0, 0.5); /* Red color with 50% opacity */
  color: rgba(0, 128, 0, 0.7); /* Green color with 70% opacity */
  border: 2px solid rgba(0, 0, 255, 0.3); /* Blue border with 30% opacity */
  height: 100px;
  width: 300px;
  line-height: 100px;
}
</style>
</head>
<body>
<div class="element">&lt;alpha-value&gt; data type example</div>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee