편집 요약 없음 |
편집 요약 없음 |
||
| 4번째 줄: | 4번째 줄: | ||
} | } | ||
.toggleBtn:active { | .toggleBtn:active { | ||
animation-name: btn-background; | |||
animation-duration: .5s; | |||
animation-iteration-count: 1; | |||
animation-timing-function: steps(1, end); | |||
animation-fill-mode: forwards; | |||
background: blue; | background: blue; | ||
background: rgba(0, 0, 255, .1); | background: rgba(0, 0, 255, .1); | ||
| 9번째 줄: | 14번째 줄: | ||
.tit-margin-remove { | .tit-margin-remove { | ||
margin: -5.666px -10px; | margin: -5.666px -10px; | ||
} | |||
} | |||
@keyframes btn-background { | |||
from { | |||
background: blue; | |||
background: rgba(0, 0, 255, .1); | |||
} | |||
to { | |||
background: none; | |||
} | } | ||
} | } | ||
2023년 6월 7일 (수) 09:40 판
@media screen and (max-width: 768px) {
.folding-margin-remove {
margin: 0 -10px -5.666px;
}
.toggleBtn:active {
animation-name: btn-background;
animation-duration: .5s;
animation-iteration-count: 1;
animation-timing-function: steps(1, end);
animation-fill-mode: forwards;
background: blue;
background: rgba(0, 0, 255, .1);
}
.tit-margin-remove {
margin: -5.666px -10px;
}
}
@keyframes btn-background {
from {
background: blue;
background: rgba(0, 0, 255, .1);
}
to {
background: none;
}
}
@media screen and (min-width: 768px) {
.folding-margin-remove {
margin: 0 -9.666px -5.166px;
}
.tit-margin-remove {
margin: 0 -9.666px -5.166px;
}
}