내 웹 페이지에 여러 요소가 있습니다. 예를 들어 여러 버튼 (빨간색 배경색) , 링크 (파란색 배경색) 등 ....
에서 색상을 변경해야합니다 :hover
. 현재 나는 다음과 같이한다.
button{
background-color: red;
}
button:hover {
background-color: #c80020;
}
a {
color: blue;
}
a:hover {
color: #082767;
cursor: pointer;
}
<button>button</button>
<a>link</a>
보시다시피 요소의 색상보다 더 어두운 색상을 사용합니다 :hover
.
내가 알고 싶은 것은 요소를 원래보다 더 어둡게 만드는 색상 (또는 접근 방식) 이 없습니까? 나는 특정한 색깔이 없습니다. 사실 정확한 색상은 신경 쓰지 않습니다. 요소를 더 어둡게 만들고 싶을 :hover
뿐입니다. 어떠한 제안?
16 진수 색상 대신 hsla를 사용할 수 있습니다.
예:
button{
background-color: hsla(356, 98%, 46%, 1);
}
button:hover {
background-color: hsla(356, 98%, 26%, 1);
}
<button>button</button>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다