λ-wiki
::
transitions
+
| 1 |
help
|
pages
|
skin
|
login
|
code
www!k! v.20120610
! CE SITE NECESSITE JAVASCRIPT !
λ-wiki :: éditeur
{h1 transitions} {div class:galerie; float:left; width:48%;| {img src:data/amelie_sepia.jpg; height:200; | amélie } {img src:data/franchouillard.jpg; height:200; | amélie } } {div float:right; width:48%; | {pre id:code; | //°° $('transit').onclick = function( ) { this.style.width = '300px' ; this.style.height = '300px' ; this.style.WebkitTransform = 'rotate( 10deg)'; }; $('transit').ondblclick = function( ) { this.style.width = '200px'; this.style.height = '200px'; this.style.WebkitTransform = 'rotate( 0deg)'; }; //°° } {center {submit code:code; | click me, then click/doublclick on Amélie }} {div id:transit; width:200px; height:200px; text-align:center; border:1px solid red; -webkit-transition: -webkit-transform 2s, width 2s, height 2s; | {img src:data/amelie_sepia.jpg; height:200; | amélie } } }