Floating Tablet Design

Posted on 2007-10-09
Last Modified: 2013-12-25
I found a web site which uses a fixed background to create an illusion of floating. It has an ornate background which stays stationary and the tablet looking content scrolls, it feels as if it is floating above the background itself.  You see all for sides of the paper object, and that is the only thing that moves when you scroll.

Could you please tell how this is done, for I would like to do the same on my website.
Thanks, Dan
Question by:danfiggolf
    1 Comment
    LVL 16

    Accepted Solution

    Without a link its hard to say, but its most likely done using CSS. The background image is fixed using CSS, and the content scrolls above it. Learn more about CSS in general here:

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Better Security Awareness With Threat Intelligence

    See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

    Uploading files to the web server has become common part of almost any kind of web application. People use different technologies to solve this, but regardless of the technology used, it is always useful to have some kind of progress indicator shown…
    Problem to be resolved in this article Currently, development of website and web application can be done without writing thousands of lines of programming code by hand. Description This can be done through by using a open source framework such …
    This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
    In this tutorial viewers will learn how to create blended and gradiated shapes in Illustrator using the blend tool Draw two shapes, one of them in a different color: Select both and create a blend by going to Object > Blend > Make: Blends can also b…

    758 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    12 Experts available now in Live!

    Get 1:1 Help Now