Erstellen von Haftnotizen (Post-it) [geschlossen]

Ich entwerfe eine Webseite.

Und ich möchte Haftnotizen (Post-It) auf meiner Seite verwenden. Wobei jede Haftnotiz hinzugefügt wird, wenn wir auf eine Schaltfläche zum Hinzufügen klicken ... Die Farbe der Haftnotizen muss sich zufällig ändern, und sie muss geneigt sein und einen Schwebeeffekt haben.

Wie kann ich das machen ? Es dürfen nur CSS und HTML verwendet werden.

Ich habe den Code ausprobiert, den ich von einer Website bekommen habe

http://net.tutsplus.com/tutorials/html-css-techniques/create-a-sticky-note-effect-in-5-easy-steps-with-css3-and-html5/

Aber ich hatte einen Teil meiner Website als Liste. Als ich diesen Code verwendete, machte er die Listenelemente auch als Haftnotiz. Ich möchte Eigentum nur einem div geben

HTML
<html>
<head>

<ul>

    <li> Not to use sticky note </li>
 </ul>

<div class="sticky"> -------------want to give property to this div only
<ul class="sticky">  
<li > 
<p >Stickynote1</p>  
</li>  
<li class="r" >  
stickyonote2  
</li>  
</ul>
</div>
<div>
</div>  

</div>
</div>
</div>
</div>
</body>
</html>

Antworten auf die Frage(1)

Ihre Antwort auf die Frage