65 lines
1.3 KiB
Plaintext
65 lines
1.3 KiB
Plaintext
|
#
|
||
|
|
# ID: 3f95a8
|
||
|
|
# Nazwa: Kod Gabriela z lekcji z P. Jordanem
|
||
|
|
# Opis: 02.11.2023
|
||
|
|
# Publiczny: 1
|
||
|
|
# Data utworzenia/ostatniej edycji (UTC): 2023-11-02 14:42:21
|
||
|
|
#
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="pl">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Kartkówka</title>
|
||
|
|
<link rel="stylesheet"
|
||
|
|
href="style.css">
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
background-color: black;
|
||
|
|
}
|
||
|
|
.apla{
|
||
|
|
background-color: blueviolet;
|
||
|
|
color:aliceblue;
|
||
|
|
width: 150px;
|
||
|
|
line-height: 150px;
|
||
|
|
text-align: center;
|
||
|
|
margin: 5px;
|
||
|
|
transition: all 0.25s ease-in-out;
|
||
|
|
|
||
|
|
}
|
||
|
|
.all{
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.apla:hover{
|
||
|
|
transform: rotate(-15deg) scale(1.2);
|
||
|
|
border-radius: 45px 0 45px;
|
||
|
|
border: 3px solid violet;
|
||
|
|
opacity: 0.2;
|
||
|
|
}
|
||
|
|
.apla:active{
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.apla:nth-child(even){
|
||
|
|
transform: rotate(-15deg); /* even - co drugi */
|
||
|
|
scale: 0.8
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="all">
|
||
|
|
<div class="apla">1</div>
|
||
|
|
<div class="apla">2</div>
|
||
|
|
<div class="apla">3</div>
|
||
|
|
<div class="apla">4</div>
|
||
|
|
<div class="apla">1</div>
|
||
|
|
<div class="apla">2</div>
|
||
|
|
<div class="apla">3</div>
|
||
|
|
<div class="apla">4</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|