Transições CSS3: existe uma opção on click sem usar o JQuery?

Question

Jun 23, 2012, 05:25 AM

Transições CSS3: existe uma opção on click sem usar o JQuery?

Isso funciona muito bem:

<style type="text/css"> 
    div
    {
    width:100px;
    height:100px;
    background:red;
    transition:width 2s;
    -moz-transition:width 2s; /* Firefox 4 */
    -webkit-transition:width 2s; /* Safari and Chrome */
    -o-transition:width 2s; /* Opera */
    }

    div:hover
    {
    width:300px;
    }
    </style>

Mas alguém sabe de uma maneira de fazer isso usando o clique em vez de passar o mouse? E não envolvendo JQuery?

Obrigado!