편집 요약 없음 |
편집 요약 없음 |
||
(사용자 3명의 중간 판 22개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.mobileBtn:active { | .mobileBtn:active { | ||
animation-name: btn-background; | animation-name: btn-background; | ||
10번째 줄: | 7번째 줄: | ||
animation-fill-mode: forwards; | animation-fill-mode: forwards; | ||
} | } | ||
} | |||
.folding-margin-remove { | |||
margin: 0 -10px -5.5px; | |||
} | } | ||
.folding-margin-remove-width { | |||
margin: 0 -10px -5.5px; | |||
} | |||
.folding-margin-remove-width-multi { | |||
margin: 0 -10px 0; | |||
} | |||
.tit-margin-remove { | |||
margin: -5.5px -10px; | |||
} | } | ||
@keyframes btn-background { | @keyframes btn-background { | ||
from { | from { | ||
background: blue; | background: blue; | ||
background: rgba(0, 0, 255, .1); | background: rgba(0, 0, 255, 0.1); | ||
} | } | ||
to { | to { | ||
background: | background: inherit; | ||
} | } | ||
} | } |
2024년 5월 19일 (일) 22:45 기준 최신판
@media screen and (max-width: 768px) {
.mobileBtn:active {
animation-name: btn-background;
animation-duration: .5s;
animation-iteration-count: 1;
animation-timing-function: steps(1, end);
animation-fill-mode: forwards;
}
}
.folding-margin-remove {
margin: 0 -10px -5.5px;
}
.folding-margin-remove-width {
margin: 0 -10px -5.5px;
}
.folding-margin-remove-width-multi {
margin: 0 -10px 0;
}
.tit-margin-remove {
margin: -5.5px -10px;
}
@keyframes btn-background {
from {
background: blue;
background: rgba(0, 0, 255, 0.1);
}
to {
background: inherit;
}
}