<>
#slide_wrap_pc {
position: fixed;
z-index: 100;
/*border: 1.5px solid #ddd;*/
top: 40%;
right: 0;
transform-origin: right center;
transform: scale(0.8);
display: none;
}
.btn_parts_pc {
font-family: Arial;
color: #737373;
width: 25px;
height: 25px;
margin: 0;
position: absolute;
top: -30px;
right: 6px;
cursor: pointer;
font-size: 20px;
font-weight: 700;
background: #eee;
border: none;
line-height: 25px;
z-index: 10;
}
.slide_b {
animation: slide_img 2s ease-out forwards;
}
@keyframes slide_img {
0% {
right: -242px;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}
@media screen and (max-width: 599px) {
.btn_parts_pc,
#slide_wrap_pc iframe {
display: none;
}
}
<>
/* スライドインアニメーション */
.slide-in {
animation: slideIn 0.5s ease forwards;
}
@keyframes slideIn {
from {
transform: translateY(100%);
}
to {
transform: translateY(0%);
}
}
/* スライドアウトアニメーション */
.slide-out {
animation: slideOut 0.5s ease forwards;
}
@keyframes slideOut {
to {
transform: translateY(100%);
}
}
#paginationBottom {
position: relative;
width: 100%;
bottom: 0;
margin-top: 20px;
/* Optional: Adjust for spacing */
}
/* Ensure pagination doesn't float or get positioned incorrectly */
#paginationBottom .pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
登录后，您可以将喜爱的帖子保存到个人资料中。