지니가는사람 0

트게더 드롭박스 css 코드입니다.

일부러 색상을 #ff0000 빨강, #ff6f00 주황, #fffb00 노랑, #51ff00 초록, #00fffb 하늘, #0015ff 파랑 으로 색상값 바꿔놨습니다.

적용했을때 어떤 색상이 바뀌는지 참고하셔서 활용하시면 되겠습니다!~

아래 이미지는 예시입니다.

/* 드롭박스 코드 시작 */

.dropdown.open .dropdown-menu,

.input-group-btn.open .dropdown-menu {

opacity: unset;

transform: unset;

border: 2px solid #ff0000;

border-radius: 6px;

border-top: 2px solid #ff6f00 !important; /* 상단 테두리색 */

border: 2px solid #fffb00; /* 상단 테두리색 */

}

.dropdown .dropdown-menu,

.input-group-btn .dropdown-menu {

display: block !important;

opacity: 0;

transform: scale(0);

transform-origin: top;

transition: all 0.4s cubic-bezier(0.18, 1.5, 0, 1);

padding: 8px 0 3px 0px;

}

.dropdown-menu>li>a { transition: 0.1s;}

.dropdown-menu>li>a:hover {

background: transparent;

transform: scaleX(1.04);

transition: 0.1s;}

#latestDropdownMenu>li>a>span.delrow,

#favoriteDropdownMenu>li>a>span.delrow { color: #51ff00;}

#latestDropdownMenu>li>a>span.delrow:hover,

#favoriteDropdownMenu>li>a>span.delrow:hover { background: transparent;}

#favoriteDropdownMenu>li>a>span.label.label-default { background-color: #00fffb;}

.dropdown-menu .divider {

background-color: #0015ff;

height: 2px;

margin: 3px 0;}

/* 드롭박스 코드 끝 */