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

· 1년 전 · 288

 

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

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

 

CSS : 

div {

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

}

 

 

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

PHP포탈 / 구인구직 솔루션

By 웹학교

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

365ok IT뉴스

+
제목 글쓴이 날짜 조회
1년 전 조회 412
1년 전 조회 379
1년 전 조회 435
1년 전 조회 355
1년 전 조회 353
1년 전 조회 441
1년 전 조회 345
1년 전 조회 280
1년 전 조회 344
1년 전 조회 423
1년 전 조회 402
1년 전 조회 345
1년 전 조회 381
1년 전 조회 374
1년 전 조회 289
1년 전 조회 379
1년 전 조회 470
1년 전 조회 397
1년 전 조회 316
1년 전 조회 440
1년 전 조회 337
1년 전 조회 388
1년 전 조회 336
1년 전 조회 328
1년 전 조회 378
1년 전 조회 298
1년 전 조회 441
1년 전 조회 476
1년 전 조회 476
1년 전 조회 375
🐛 버그신고