CSS 새로운 *-progress() 함수 패밀리

· 1년 전 · 342

 

이는 주어진 값이 한 시작 값에서 다른 최종 값으로 비례적으로 증가하는 것을 나타냅니다.

결과는 0과 1 사이의 숫자로, 연산에 사용할 수 있지만, 이전에 설명한 *-mix 함수 계열과 결합하면 특히 편리합니다.

 

CSS : 

div {

 width: calc(100% * progress(50px from 0px to 100px));

}

 

 

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교

|
댓글을 작성하시려면 로그인이 필요합니다.

365ok IT뉴스

+
제목 글쓴이 날짜 조회
1년 전 조회 469
1년 전 조회 461
1년 전 조회 509
1년 전 조회 416
1년 전 조회 412
1년 전 조회 528
1년 전 조회 407
1년 전 조회 338
1년 전 조회 402
1년 전 조회 482
1년 전 조회 457
1년 전 조회 404
1년 전 조회 445
1년 전 조회 428
1년 전 조회 343
1년 전 조회 441
1년 전 조회 528
1년 전 조회 461
1년 전 조회 379
1년 전 조회 499
1년 전 조회 398
1년 전 조회 448
1년 전 조회 398
1년 전 조회 393
1년 전 조회 439
1년 전 조회 356
1년 전 조회 506
1년 전 조회 548
1년 전 조회 550
1년 전 조회 451