편집 요약 없음 태그: 수동 되돌리기 |
편집 요약 없음 태그: 되돌려진 기여 |
||
1번째 줄: | 1번째 줄: | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.folding-margin-remove { | .r-folding-margin-remove-width { | ||
margin: 0 -10px -5.666px; | margin: 0 -10px -5.666px; | ||
} | } | ||
.mobileBtn:active { | .mobileBtn:active { | ||
animation-name: btn-background; | animation-name: r-btn-background; | ||
animation-duration: .5s; | animation-duration: .5s; | ||
animation-iteration-count: 1; | animation-iteration-count: 1; | ||
animation-timing-function: steps(1, end); | animation-timing-function: steps(1, end); | ||
animation-fill-mode: forwards; | animation-fill-mode: forwards; | ||
} | } | ||
} | } | ||
@keyframes btn-background { | @keyframes r-btn-background { | ||
from { | from { | ||
background: none; | |||
} | |||
to { | |||
background: blue; | background: blue; | ||
background: rgba(0, 0, 255, 0.1); | background: rgba(0, 0, 255, 0.1); | ||
} | } | ||
} | } | ||
@media screen and (min-width: 768px) { | @media screen and (min-width: 768px) { | ||
. | .r-folding-margin-remove-width { | ||
margin: 0 -9.677px -5.166px; | margin: 0 -9.677px -5.166px; | ||
} | } | ||
} | } |
2023년 8월 20일 (일) 16:23 판
@media screen and (max-width: 768px) {
.r-folding-margin-remove-width {
margin: 0 -10px -5.666px;
}
.mobileBtn:active {
animation-name: r-btn-background;
animation-duration: .5s;
animation-iteration-count: 1;
animation-timing-function: steps(1, end);
animation-fill-mode: forwards;
}
}
@keyframes r-btn-background {
from {
background: none;
}
to {
background: blue;
background: rgba(0, 0, 255, 0.1);
}
}
@media screen and (min-width: 768px) {
.r-folding-margin-remove-width {
margin: 0 -9.677px -5.166px;
}
}