Dantes (обсуждение | вклад) (Полностью удалено содержимое страницы) Метки: очистка ручная отмена |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.collapsible-btn { | |||
background-color: #4CAF50; | |||
color: white; | |||
padding: 10px; | |||
font-size: 16px; | |||
border: none; | |||
cursor: pointer; | |||
width: 100%; | |||
text-align: left; | |||
} | |||
.collapsible-btn:hover { | |||
background-color: #45a049; | |||
} | |||
.collapsible .content { | |||
display: none; | |||
padding-left: 10px; | |||
} | |||
.block { | |||
background-color: lightblue; | |||
padding: 20px; | |||
margin: 10px 0; | |||
transform: rotate(-45deg); | |||
width: 300px; | |||
height: 300px; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.collapsible .content .block { | |||
transform: rotate(45deg); | |||
} | |||
.collapsible-btn:focus + .content { | |||
display: block; | |||
} | |||
Версия от 08:53, 8 мая 2025
.collapsible-btn {
background-color: #4CAF50;
color: white;
padding: 10px;
font-size: 16px;
border: none;
cursor: pointer;
width: 100%;
text-align: left;
}
.collapsible-btn:hover {
background-color: #45a049;
}
.collapsible .content {
display: none;
padding-left: 10px;
}
.block {
background-color: lightblue;
padding: 20px;
margin: 10px 0;
transform: rotate(-45deg);
width: 300px;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}
.collapsible .content .block {
transform: rotate(45deg);
}
.collapsible-btn:focus + .content {
display: block;
}