JSFiddle

  • CSS3 Transitions

    CSS3 Transitions

    <link href='http://fonts.googleapis.com/css?family=Scada:400' rel='stylesheet' type='text/css'>
    <h1>Watch Me Moving By CSS3 Transitions</h1>
  • Fluid Images HTML 5

    Fluid Images HTML 5

    <section><div><img src="http://placehold.it/1000x1000"></div></section>
  • Expandable Divs Demo

    Expandable divs with animated background.

    var CollectionFamily = {
        
        // Options
        ANIM_DURATION: 300,         // base duration of collection family expand/collapse in ms
        FAMILY_EXPAND_HEIGHT: 256,    // height of family item ...
  • jQuery Drop Down Mega Menu #4 is the latest revision

    Compatible with All Major Browsers Google Chrome, Firefox, Safari, Opera, IE8+

    $('.main-menu li').hover(function(){
        $(this).find('.sub-level1').stop(true, true).slideDown();
    }, function(){
        $(this).find('.sub-level1').stop(true, true).slideUp();
    });
    
    
    $('.sub-level1 ...
  • jQuery Drop Down Menu

    Compatible with All Major Browsers Google Chrome, Firefox, Safari, Opera, IE8+

    $('.main-menu li').hover(function(){
        $(this).find('.sub-level1').stop(true, true).slideDown();
    }, function(){
        $(this).find('.sub-level1').stop(true, true).slideUp();
    });
    
    
    $('.sub-level1 ...
  • Slide show #3 is the latest revision

    Slide show using jquery

    var c=0;
    $('.slide:gt(0)').hide();
    $('#next').click(function(){
        c++;
        $('.slide').eq(c).css({zIndex : c}).show('slow');
    });
    $('#prev ...