Art DHTML studio, Java Script, javascript, Dynamic HTML, designing, images, banners, webdesign, site, develop, development, web, free, ebooks, scripts, search, affiliates, get money

Iridescent logo.

Art DHTML studio, Java Script, javascript, Dynamic HTML, designing, images, banners, webdesign, site, develop, development, web, free, ebooks, scripts, search, affiliates, get money
When you look at the logo of this site you can see as the parts of it are changing from dark blue to light-blue and back. 

This is made as follows:

  1. We image the logo. The parts we want to change their color must be transparent. Look at the Drawing below on the gray background its size is 86x86 px. Transparency affords to see the background.

  2.  
     

  3. Using the script we make a surface from separate elements equal in size to transparent part of the drawing.
    To save resource we make elements height 68 px, width 2 px, total number 34 elements. Choose color for each one' calculated by formula, and start the cycle, which redistributes the colors in short intervals. Now we have reached the effect, we wanted.
  4.  

  5. And, finally, we have to position the drawing over.
  6.  
     

    back to examples

    previous page   1 2 3 4 5 6 7 8 9    next page

     

      
Copyright 2002. Art DHTML studio. All rights reserved.