الگو:پاسخ تاشو/styles.css: تفاوت میان نسخهها
ظاهر
Nazarzadeh (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Nazarzadeh (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱۱: | خط ۱۱: | ||
content: '▼'; | content: '▼'; | ||
position: absolute; | position: absolute; | ||
right: 95px; | |||
top: | top: 50%; | ||
transition: transform 0.3s ease; | |||
color: #94f7a1; | color: #94f7a1; | ||
font-size: 12px; | font-size: 12px; | ||
نسخهٔ ۷ فوریهٔ ۲۰۲۶، ساعت ۱۳:۰۳
.question {
transition: all 0.3s ease;
user-select: none;
}
.question:hover {
background: #eaffec;
}
.question::after {
content: '▼';
position: absolute;
right: 95px;
top: 50%;
transition: transform 0.3s ease;
color: #94f7a1;
font-size: 12px;
}
.question.active::after {
transform: rotate(180deg);
}
.answer p {
transition: max-height 0.4s ease, padding 0.4s ease;
max-height: 2em;
overflow: hidden;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
}
.answer.expanded p {
max-height: unset;
white-space: normal;
}