CSS의 무작위화 함수 정보
CSS의 무작위화 함수
본문
재미있는 디자인에는 어느 정도 무작위성이 있는데, 이는 CSS에서는 없었던 기능입니다.
하지만 이 모듈은 list(random-item())이나 range(random())에서 난수 값을 반환하는 두 가지 새로운 함수를 도입했습니다.
CSS :
.random {
/* 100px~300px 사이의 랜덤값 */
width: random(100px, 300px);
/* 100px에서 300px 사이의 50px 간격으로 지정된 무작위 값: 100px, 150px, ... */
height: random(100px, 300px, by 50px);
/* 세 가지 무작위 색상 중 하나 */
background: random-item(--c, red, green, blue);
}
By 웹학교
추천
2
2
댓글 2개
활용하기 좋을 것 같습니다.
감사합니다 ^^
@민트다이어리 언급한 것들은 앞으로 반영될 것들이라 바로 적용하기는 어려울 것 같습니다. ^-^
