CSS 새로운 *-progress() 함수 패밀리 정보
CSS 새로운 *-progress() 함수 패밀리
본문
이는 주어진 값이 한 시작 값에서 다른 최종 값으로 비례적으로 증가하는 것을 나타냅니다.
결과는 0과 1 사이의 숫자로, 연산에 사용할 수 있지만, 이전에 설명한 *-mix 함수 계열과 결합하면 특히 편리합니다.
CSS :
div {
width: calc(100% * progress(50px from 0px to 100px));
}
By 웹학교
추천
0
0
댓글 0개