Falsificado ao acaso com CSS e o „Princípio da Cigarra“

Inspirado no artigo de Alex Walkers, O princípio da cigarra e por que é importante para os designers da Web, pensei em maneiras de usar isso não apenas para imagens de fundo, mas para qualquer coisa em que você queira fingir algo aleatório.
então eu vim com…
Imagens giradas “aleatoriamente”

Como Alex descreve em seu “princípio da cigarra”, você tem muito poucos múltiplos comuns com números primos. Então, usei o seletor: nth-child para girar cada imagem 2, 3, 5, 7 … Mas como isso não manipula as primeiras imagens o suficiente para fazer com que pareça aleatório, eu trouxe outra camada de números primos para ele. : nth-child (3n + 2),: nth-child (5n + 3),: nth-child (7n + 5) …
Acho que você entenderá meu método simplesmente olhando para o código de exemplo abaixo.

o HTML

<ul class="pictures">
<li><a href="fullImage.jpg" title"…"><img src="thumbnail.jpg" alt="…" /></a></li>
<li><a href="fullImage.jpg" title"…"><img src="thumbnail.jpg" alt="…" /></a></li>

<li><a href="fullImage.jpg" title"…"><img src="thumbnail.jpg" alt="…" /></a></li>
</ul>

E o CSS

.pictures li:nth-child(2n+1) {
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform
: rotate(-2deg);
}
.pictures li:nth-child(3n+2) {
-moz-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform
: rotate(1deg);
}
.pictures li:nth-child(5n+3) {
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform
: rotate(-3deg);
}
.pictures li:nth-child(7n+5) {
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
-o-transform: rotate(6deg);
-ms-transform: rotate(6deg);
transform
: rotate(6deg);
}
.pictures li:nth-child(11n+7) {
-moz-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-o-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform
: rotate(4deg);
}