Criando notas adesivas (post-it) [fechadas]
Eu estou projetando uma página web.
E eu quero usar notas adesivas (post-it) na minha página. Onde, cada nota adesiva é adicionada quando clicamos em um botão de adição ... A cor das notas pegajosas deve mudar aleatoriamente, e deve ser inclinada e deve ter algum efeito de foco.
Como eu posso fazer isso ? Somente CSS e HTML devem ser usados.
Eu tentei o código que eu recebi de um site
Mas, eu tinha alguma parte do meu site como lista..assim quando eu usei esse código, ele também faz com que os itens da lista como nota auto-adesiva .. eu quero dar propriedade apenas para um div
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>