diff --git a/public/css/custom.css b/public/css/custom.css index c4bb01d..17633c9 100644 --- a/public/css/custom.css +++ b/public/css/custom.css @@ -44,13 +44,56 @@ margin-right: auto; } - .grayscaleImg { - filter: grayscale(100%); - } +.grayscaleImg { + filter: grayscale(100%); +} - - /* scrollbar 안보이게 */ - .scrollbar-none { - scrollbar-width: none; +/* scrollbar 안보이게 */ +.scrollbar-none { + scrollbar-width: none; +} + +/* project list */ + +.map { + top: -160px; + left: -5px; +} + +@keyframes sparkle { + 0% { + color: #ffcc00; } - \ No newline at end of file + 50% { + color: red; + } + 100% { + color: #ffcc00; + } +} + +.bxs-map { + animation: sparkle 1s infinite; /* 1초마다 반복 */ +} + +.popover-close { + position: absolute; + top: 1rem; + right: 1rem; + z-index: 2; + background-color: #fff !important; + border-radius: 0.5rem; + opacity: 1; + padding: 0.635rem; + box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4); + transition: all 0.23s ease 0.1s; + transform: translate(23px, -25px); +} + +.popover-close:hover { + opacity: 1; + outline: none; + transform: translate(20px, -20px); +} + +/* project list end */ \ No newline at end of file