Skip to main content

One post tagged with "nth-child"

View All Tags

CSS nth-child 이용해서 랜덤처럼 보이게 구현하기


사실 자바스크립트를 이용하면 간단하게 랜덤을 구현할 수 있다.

하지만 아래 두 가지를 만족하는 상태에서 각 요소에 대해 랜덤을 구현하는것은 까다롭다.

  • javscript 코드 변경 금지
  • 요소가 얼마나 만들어질지 모름

아래는, 순수하게 css만 이용하여 랜덤하게 보이도록 구현하는 방법이다.