Şablon:Anasayfa/sınıflar.css: Revizyonlar arasındaki fark
Fen Ansiklopedisi sitesinden
Değişiklik özeti yok |
Değişiklik özeti yok |
||
1. satır: | 1. satır: | ||
. | * { | ||
margin: | color: white; | ||
font-family: sans-serif; | |||
font-size: 20px; | |||
text-transform: uppercase; | |||
font-weight: bold; | |||
} | |||
.wrapper { | |||
max-width: 1200px; | |||
position: relative; | |||
overflow: hidden; | |||
height: 400px; | |||
margin: 0 auto; | |||
} | |||
.accordionHeader { | |||
width: 50px; | |||
float: left; | |||
background: teal; | |||
height: 100%; | |||
cursor: pointer; | |||
padding: 10px 0; | |||
} | } | ||
.accordionHeader h2 { | |||
transform: rotate(90deg); | |||
} | } | ||
.accordionContent { | |||
background: cadetblue; | |||
width: 0; | |||
height: 100%; | |||
float: left; | |||
transition: width 0.5s linear; | |||
} | } | ||
.accordionContent p { | |||
. | margin: 10px; | ||
} | } | ||
.accordionContent.active { | |||
. | width: calc(100% - 200px); | ||
} | } |
01.46, 9 Ekim 2021 tarihindeki hâli
* {
color: white;
font-family: sans-serif;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
}
.wrapper {
max-width: 1200px;
position: relative;
overflow: hidden;
height: 400px;
margin: 0 auto;
}
.accordionHeader {
width: 50px;
float: left;
background: teal;
height: 100%;
cursor: pointer;
padding: 10px 0;
}
.accordionHeader h2 {
transform: rotate(90deg);
}
.accordionContent {
background: cadetblue;
width: 0;
height: 100%;
float: left;
transition: width 0.5s linear;
}
.accordionContent p {
margin: 10px;
}
.accordionContent.active {
width: calc(100% - 200px);
}