CSS Transition Filters
Results 1 to 3 of 3

Thread: CSS Transition Filters

  1. #1
    Join Date
    Jan 2002
    Location
    Newcastle, England
    Posts
    30

    CSS Transition Filters

    How easy are transition filters to use?

    I have an image on my webpage which I would like to fade away and be replaced with a new image when a button on the site is clicked. Is this going to be easy to do or will it involve alot of scripting?

    Any help is appreciated as always.
    r8sso

  2. #2
    Join Date
    Feb 2000
    Location
    detroit
    Posts
    165
    for Image transitions, you'll need a gif animation program, paint shop pro includes one called animation shop. for page transitions, see below.


    <!-- START OF Page Transitions DHTML -->

    <!-- SUMMARY BRIEFS

    ONLY WORKS IN Internet Explorer. Does not effect Netscape.

    Place this <META> tag in between the <HEAD> tags of
    all your Webpages. Then view the Webpages in IE 4
    and you will notice the page transitions. Randomly
    the pages will be displayed in different transitions
    such as swipe left, swipe right, expand out, etc.
    -->

    <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
    <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)">

    <!-- End OF Page Transitions DHTML -->

    [This message has been edited by sofaraway (edited 03-18-2002).]

  3. #3
    Join Date
    Jan 2002
    Location
    Newcastle, England
    Posts
    30
    Thanks for the help sofaraway.

    I have my page now so that when it loads up the image is invisible and when the button is clicked it dissolves into view. I still need to know how to replace an image with another when a button is pressed!

    Anyone any idea's???

    Thanks again,
    r8sso

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •