#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2014
    Posts
    31
    Rep Power
    5

    Depth of Field Effect?


    Hi all,

    Just trying to create a modal that zooms and blurs the background back. Based on avgrund by hakim https://lab.hakim.se/avgrund/

    Now it has nesting modals also with the help of @deathshadow over at codingforums.

    Here is the current state:
    https://jsfiddle.net/postcolonialboy/1jz0q3xk/19/

    Now, what I am trying to do is:
    by clicking the nested modal link, everything should be pushed back again and blurred - like simulating receding layers/depth of field.

    I've attached an image to explain: https://ibb.co/LNB83jm



    Thanks
  2. #2
  3. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    364
    Rep Power
    134

    This problem has really been resolved here...



    coothead

    Comments on this post

    • 8745321311 agrees
    ~ the original bald headed old fart ~
  4. #3
  5. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,133
    Rep Power
    4310
    This was also posted on StackOverflow.

    8745321311, in the future, please pick a favorite community and don't ask the same question in more than one on the same day, at least without linking to the others, so that people don't waste their time answering a question already answered for you elsewhere.

    Comments on this post

    • 8745321311 agrees : true
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo