Skip to main content
F
FClintD
Participant
July 1, 2018
解決済み

Is there a way to have a curtain open -- upon entering site?

  • July 1, 2018
  • 返信数 2.
  • 509 ビュー

I have a video that is basically the only thing that'll be on the site (because it is a tv pilot demo).

I would love for there to be some way to enter the site and red curtains open and then the video can be played.

Pretty vague description for now, but any thoughts on how to do this with Dreamweaver?

Thanks!

    このトピックへの返信は締め切られました。
    解決に役立った回答 Nancy OShea

    Short answer is yes.  There are a number of different ways you could do this.  Below is one example using jQuery animation.  The intro block slides up after 8000 milliseconds.  View source to see the code.

    https://alt-web.com/DEMOS/BS-with-curtain-intro.html

    返信数 2

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert解決！
    Community Expert
    July 1, 2018

    Short answer is yes.  There are a number of different ways you could do this.  Below is one example using jQuery animation.  The intro block slides up after 8000 milliseconds.  View source to see the code.

    https://alt-web.com/DEMOS/BS-with-curtain-intro.html

    Nancy O'Shea— Product User & Community Expert
    pziecina
    pziecina
    Legend
    July 1, 2018

    Yes.

    Using css animations. (Short answer).

    Slightly longer answer -

    useing css animations for the curtain opening effect, you can either open a full screen modal window on load to the browsers viewport size (using vh/vw) with a transparent background.

    or

    You can make the animation using a div to full viewport size setting the z-index to be above everything else, (transparent background) and once the animation has played fade the div out until the point you can set it to not display.

      F
      FClintD作成者
      Participant
      July 1, 2018

      Thanks!

      What is a div?

      So you're saying I could make a video file with a transparent background? Like an mp4?

      Or is div a certain html video file?

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      July 1, 2018

      FClintD  wrote

      What is a div?

      If you don't know what a <div> tag is, you need to work through some basic coding tutorials.   DW assumes you already undertstand this.   At its simplest, a <div> is a box that holds content.

      HTML div tag

      Nancy O'Shea— Product User & Community Expert
      契約条件Accessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices