css2 [CSS 색상 지정 팁] HSL의 속성을 변수로 만들어 활용하기 HSL HSL은 아래 색을 표현하는 색상, 채도, 명도의 앞글자들입니다. Hue : 색상 - 0 ~ 360 사이 숫자 (= 색깔 방향 의미 숫자) (숫자만 기재) - 0 (= 360)은 빨간색, 120은 녹색, 240은 파란색 Saturation : 채도 - 0 ~ 100 % (% 단위 필수) Lightness : 명도 - 0 ~ 100 % (% 단위 필수) - 0%는 검은색, 50 %는 보통, 100%는 흰색 HSL 문법 hsl (100, 100%, 50%) /* #5f0 */ hsl (235, 100%, 50%, .5) /* #0015ff with 50% opacity */ hsl (235 100% 50%); /* CSS Colors 4 space-separated values */ 활용 예제 car.. 2021. 10. 9. css animation, css 변수 (로딩 효과 애니메이션) 소스 코드 적용 예제 보기 http://designup.kr/study/css_loading/ 주요 관련 소스 사용자 지정 CSS 속성 사용하기 (변수) https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties https://fresh-mint.tistory.com/entry/css-variable-%EB%B3%80%EC%88%98-%EC%B4%9D-%EC%A0%95%EB%A6%AC 작업 유튜브 영상 2021. 7. 3. 이전 1 다음
