Cover for FMD Logo

[Ace 1Valued Member]

Just a little script I was working on that makes it look like the R&D for Forumotion forums looks like it's going in and out of transparency.

Code:

$(function() {
    $('#logo').css('position', 'relative').append('<div class="cover" />');

    $('head').append(
        '<style>' +
            '.cover{' +
                'width: 70%;' +
                'position: absolute;' +
                'height: 20%;' +
                'right: 0;' +
                'bottom: 20%;' +
                'animation: trans 2s ease-in-out infinite alternate;' +
                '-webkit-animation: trans 2s ease-in-out infinite alternate;' +
            '}' +
            '@keyframes trans{' +
                '0%{ background-color: rgba(102, 153, 204, 0); }' +
                '100%{ background-color: rgba(102, 153, 204, 0.5); }' +
            '}' +
            '@-webkit-keyframes trans{' +
                '0%{ background-color: rgba(102, 153, 204, 0); }' +
                '100%{ background-color: rgba(102, 153, 204, 0.5); }' +
            '}' +
        '</style>'
    );
});

[Ange TuteurAdministrator]

@Ace 1 neat effect ! You're giving me some ideas that I could do for holidays. I'm sure you already noticed I just overlay stuff over the banner for holidays..

[Ace 1Valued Member]

Yeah I noticed for halloween.

I wonder what you're cooking for Christmas though

[Ange TuteurAdministrator]

Hmm.. that I'll have to think about !

[Sponsored content]