CSS3-Übergänge: Gibt es eine On-Click-Option ohne Verwendung von JQuery?

Question

Jun 23, 2012, 05:25 AM

CSS3-Übergänge: Gibt es eine On-Click-Option ohne Verwendung von JQuery?

Das funktioniert super:

<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>

Aber kennt jemand eine Möglichkeit, dies mit einem Klick zu tun, anstatt mit der Maus zu schweben? Und ohne JQuery?

Vielen Dank!