틀:뱃지그룹: 두 판 사이의 차이
(css작성) |
(css 작성) |
||
| 14번째 줄: | 14번째 줄: | ||
position:relative; | position:relative; | ||
border-radius:8px; | border-radius:8px; | ||
margin-left:8px; | |||
box-shadow:0px 4px 4px rgba(0,0,0,0.25); | |||
} | } | ||
| 26번째 줄: | 28번째 줄: | ||
visibility: hidden; | visibility: hidden; | ||
opacity: 0; | opacity: 0; | ||
transition: all 0. | transition: all 0.2s ease-in-out; | ||
} | } | ||
.template-badge | .template-badge .tooltip{ | ||
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
| 40번째 줄: | 42번째 줄: | ||
padding: 4px; | padding: 4px; | ||
font-size: 0.7rem; | font-size: 0.7rem; | ||
transform: translateY(100%); | |||
} | |||
.template-badge:hover .tooltip{ | |||
opacity: 0.8; | |||
visibility: visible; | |||
transform: translateY(calc(100% + 8px)); | transform: translateY(calc(100% + 8px)); | ||
} | } | ||
2023년 8월 18일 (금) 23:32 판
파라미터로 넣은 모든 머릿글틀을 보기좋은 형태로 바꿔서 푸터에 넣어줍니다.