Underviser: Thomas Iversen, A-kasse priser
I denne video skal vi arbejde med Opacitet i CSS. Man bruger egenskaben opacitet til at bestemme gennemsigtigheden på ens element. Vi skal således i denne videolektion se, hvordan vi kan gøre f.eks. et billede eller en baggrundsfarve gennemsigtig med opacitet-egenskaben.
Video tags:
<!DOCTYPE html>
<html>
<head>
<title>Lektion 17</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="Lektion17.css">
</head>
<body>
<div class="imgdiv">
<div class="box">Dette er en tekst</div>
</div>
</body>
</html>
.imgdiv {
width: 500px;
height: 500px;
background-image: url(500x500.jpg);
}
.box {
text-align: center;
font-size: 23px;
font-weight: bold;
background-color: #ffffff;
opacity: 0.7;
padding: 60px;
}
Vær den første til at skrive en kommentar!
